@charset "UTF-8";
/* CSS Document */

 


html, body 							{	height: 100%;      width: 100%;    margin: 0;    padding: 0; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
* 									{   padding: 0;    margin: 0;	} 
a img 								{   border: 0;}

/*Opera Fix*/ body:before 			{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
 
body 								{   text-align: center; margin: 0px;  	background-color: #fff;		}
div 								{   font-family: "Roboto",sans-serif;	font-size: 12px; color: #fff;}
 
#wrap 		 						{	min-height: 100%;}
#content 							{   position: relative;    width: 100%;    top: 0px;    margin-left: auto;    margin-right: auto;    overflow: hidden;     	}
.logo  		 						{ 	background:url(../images/logo.svg)no-repeat;background-position:top center;	background-size:300px; background-color: #fff; width: 100%;	height: 67px;	margin-top:4%;  float:left;  margin-left: auto;    margin-right: auto;   }
.gallery_01 						{ 	float:left; width: 35%; margin-left:15%; margin-top:4%; background-color: #fff;	min-height:40px; display:block	}
.gallery_02 						{ 	float:left; width: 35%; margin-left:0%; margin-top:4%; background-color: #fff;	min-height:40px; display:block	}
.gallery_01 img 					{ 	height:auto;        width:8.69%;  margin-right:0.4%; float: left;  display: block;}
.gallery_02 img 					{ 	height:auto;        width:8.69%;  margin-right:0.4%; float: left;  display: block;}
.gallery_01 img:hover,
.gallery_02 img:hover 				{ 	filter: opacity(70%);   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  filter: alpha(opacity=70);  -moz-opacity: 0.7;  -khtml-opacity: 0.7;  opacity: 0.7;	}
 .contact 							{	float:left; width:100%; background-color: #fff;  margin-top:4%;  letter-spacing:10px; text-transform:uppercase; color:#000000; font-size:14px; font-weight: 300;}
 .contact a							{	float:left; width:100%; background-color: #fff;  margin-top:4%;  letter-spacing:10px; text-transform:uppercase; color:#000000; font-size:14px; font-weight: 300; text-decoration:none;}






/*--------Responsive Flow-------------*/



@media only screen and (max-width: 850px) 	{
  

 
.logo  		 						{ 	margin-top:10%;  background-size:200px; 	height: 45px;	  }
.gallery_01 						{ 	float:left; width: 90%; margin-left:5%; margin-top:10%;  }
.gallery_02 						{ 	float:left; width: 90%; margin-left:5%; margin-top:0.4%; }
.contact, .contact a				{   margin-top:10%; margin-bottom:10%;  font-size:10px; letter-spacing:5px;}

 
 
}