html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline;
}

body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: none; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
.clear { clear: both; }

a
{
	text-decoration: none;
	color: #000;
}

a.underline { text-decoration: underline; }
strong { font-weight: bold; }
.clear { clear: both; }
.pink { color: #ec008c; }

/*
FONTS
*****************************************************************************************************************************************************************/

@font-face {
  font-family: 'TheanoDidot';
  src: url('_fonts/TheanoDidot-Regular.ttf');
}

/******************************
MAIN LAYOUT
********************************************************************************************************************************************/

html, body
{
	height: 100%;
	width: 100%;
}

html { /*background: url(img/bground.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/ }

body
{
	font-family: 'Poppins', sans-serif;
	background-image: radial-gradient( circle, rgba(165, 167, 171, 1), rgba(135,138,143,1) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a7ab', endColorstr='#878a8f',GradientType=0 );
}

.logo
{
	position: absolute;
	left: 5%;
	top: 10%;
	width: 371px;
	height: 100px;
	background: url(img/logogradient.png) center no-repeat;
	background-size: contain;
}

.content
{
	width: 543px;
	height: 400px;
	border: 1px solid #ff00ff;
	background: url(img/textgradient.png) center no-repeat;
	background-size: contain;
}

.center
{
	width: 530px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -265px;
}

.logoRadialGradient
{
	width: 371px;
	margin-top: -8px;
	margin-left: -8px;
	background-image: radial-gradient( circle at 50% 20%, rgba(255,255,255,1), rgba(255,255,255,0) 300px );
}

.logo_container
{
	/*background-image: radial-gradient( circle at 50% 20%, rgba(255,255,255,1), rgba(255,255,255,0) 300px );*/
	/*background: url(img/bground_logo3.png) no-repeat;*/
	width: 892px;
	height: 600px;
	text-align: center;
	background-image: radial-gradient( circle at 50% 15%, rgba(239, 239, 239, 0.54), rgba(156, 158, 163, 0) 400px );
	padding: 74px 0 0 0px;
	margin-left: -150px;
}

.bc_text
{
	width: 543px;
	margin: -350px auto 0;
}

img.logo_grad
{
	width: 371px;
	height: auto;
	margin: 0 auto;
}

.textRadialGradient
{
	margin: 0 auto;
	width: 543px;
	background-color: #c8c9cb;
	background-image: radial-gradient( circle, rgba(255,255,255,1), rgba(255,255,255,0) 500px );
}

.bc_text img
{
	width: 543px;
	height: auto;
}

@media screen  and (max-width: 1450px) /* Tablet */
{
	html
	{
		background: url(img/bground_tablet.png) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.b_container { }
}

@media screen  and (max-width: 1340px) /* Tablet */
{
	
}

@media screen and (max-width: 600px) /* Mobile */
{
	.logo_container
	{
		/*background-image: radial-gradient( circle at 50% 20%, rgba(255,255,255,1), rgba(255,255,255,0) 300px );*/
		/*background: url(img/bground_logo3.png) no-repeat;*/
		width: 100%;
		height: 400px;
		text-align: center;
		background-image: radial-gradient( circle at 50% 30%, rgba(255,255,255,.45), rgba(217,217,217,0) 300px );
		padding: 74px 0 0 0;
		margin: 0;
	}
	
	img.logo_grad
	{
		width: 75%;
		height: auto;
		margin: 0 auto;
	}
	
	.b_container
	{
		width: 100%;
	}
	
	.bc_text
	{
		width: 90%;
		margin: -200px auto 0;
	}
	
	.bc_text img
	{
		width: 100%;
		height: auto;
	}
}