html{
	width:100%;
    /* This image will be displayed fullscreen */
     /* background:url('images/dee.jpg') repeat center center; */

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;

    /* The Magic */
    background-size:cover;
	font-family:arial;
	font-size:14px;
}



body {
	font-family:helvetica,arial;
	width:100%;
background-color:#21A9E1;
margin:0px;
padding:0px;
}

::-webkit-input-placeholder {
	font-family:helvetica,arial;
   color: #337cc3;
}

:-moz-placeholder { /* Firefox 18- */
font-family:helvetica,arial;
      color: #337cc3;
}

::-moz-placeholder {  /* Firefox 19+ */
font-family:helvetica,arial;
      color: #337cc3;  
}

:-ms-input-placeholder { 
font-family:helvetica,arial; 
      color: #337cc3; 
}


input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-family:helvetica,arial; 
       color: #337cc3;
}



.submit img {
	 width:220px!Important;
	 height:78px!Important;
	
	
}

.submit input {
	 width:220px!Important;
	 height:78px!Important;
	 padding:0px;
	 border:0px;
	
	
}

.grow {
	width:100%;
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}




.thumb {
	text-align:left;
width:32.8%;
height:auto;
float:left;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:4px;

padding:0px;
overflow:hidden;

}

.inner-thumb {

width:99%;
height:99%;
float:left;
padding:0px;
overflow:hidden;
margin-bottom:-5px;

}

.thumb img {
width:100%;
height:100%;
float:left;
margin:0px;	
padding:0px;
}


.thumb a {
margin:0px!important;	
padding:0px!Important;
}

.push img {
margin:0px!important;
padding:0px!important;
}


h1 {
	font-size:44px;
	font-weight:300;
	margin-bottom:15px;
	padding-bottom:15px;
	
}
h2 {
	font-size:32px;
padding-bottom:0;
margin-bottom:0;	
font-weight:300;
	padding-bottom:8px;
}

h3 {
	font-size:24px;
padding-bottom:5;
margin-bottom:0;	
font-weight:300;
}
.main-content {
color:#ffffff;	
float:right;
background-color:transparent;
padding-top:100px;
margin-right:150px;
width:550px;
position:relative;
z-index:1000;
}



input {
	padding:5px;
width:440px;
height:30px;
margin-bottom:12px;	
margin-left:0px;
color:#0AAADB;
border-color:#8C8C8C;
	border-style:solid;
	border-radius:11px;
	border-width:1px;
	filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */
font-size:18px;
}

textarea {
	padding:5px;
width:440px;
height:90px;
margin-bottom:12px;	
margin-left:0px;
color:#0AAADB;
border-color:#8C8C8C;
	border-style:solid;
	border-radius:11px;
	border-width:1px;
	filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */
font-size:18px;
}

.large-image {
	min-width:100%;
	min-height:auto;
position:absolute;
z-index:1;
	
}

.large-image img {
		min-width:100%;
	height:auto;
position:absolute;
z-index:1;
	
}

.contact {
	width:100%;
text-align:center;	
}

.about {
width:530px;
padding:10px;
line-height:24px;
font-size:16px;
text-align:center;  

	
}

.mobile-image {
	display:none;  
  }
  
  .logo {
	  
	width:550px;
	text-align:center;  
  }
  
  
  
   /*small screen  */
  
  @media (max-width: 1550px) {
	  
	  
	  .large-image {
	  width:50%;
	height:auto;  
	positition:absolute;
	left:-200px; 
	top:-50px;
  }
  
  .large-image img {
	
	  
  }
  
  
  .main-content {
	  
	 width:550px;
	margin-right:50px; 
	padding-top:30px;
	 position:relative;

	  
  }
  
  
   /*small screen  */
  
  @media (max-width: 1330px) {
	  
	  
	  .large-image {
	  width:50%;
	height:auto;  
	positition:absolute;
	left:-200px; 
	top:-50px;
  }
  
  .large-image img {
	
	  
  }
  
  
  .main-content {
	margin-right:50px; 
	padding-top:30px;
	 position:relative;

	  
  }

  
  
  /* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  
	  body {
		  
		width:100%;  
	  }
	  .large-image {
	  
	positition:absolute;
	left:0px; 
  }
  
  .main-content {
	  width:550px;
	margin-right:50px;  
	  float:left;
	  margin-left:1000px;
	  
	  
  }
  
  .logo {
	width:550px;  
  }
  
  .large-image {
	  width:50%;
	height:auto;  
	positition:absolute;
	left:-200px; 
	top:0px;
  }

}

  
  
  
  /*mobile  */


@media (max-width: 640px) {
	
/* Styles */



.thumb {
	display:block;
	text-align:left;
width:99%!important;
height:99%!important;
float:left;
margin:2px;
border-style:solid;
border-width:4px;
border-color:#ffffff;
padding:0px;
overflow:hidden;
margin-bottom:-5px;

}



.inner-thumb {

width:99%;
height:auto;
float:left;
padding:0px;
overflow:hidden;


}



.logo {
	
	width:440px;
}

body {
padding:0px;
}


input {
	width:340px;
	
}

textarea {
	width:340px;
	
}

 .large-image {
	  
	display:none;  
  }
  
  
  .mobile-image {
	  
	
	display:block;  
  }
  

 .main-content {
color:#ffffff;	
float:left;
background-color:#21A9E1;
padding-top:50px;
margin-right:0px;
width:440px;
position:relative;
z-index:1000;
}

.about {
	
width:400px;	
padding:20px;
margin:0px;
}



}