/*
* Website General Style
* Copyright 2014, PC Web Soft
* www.pcwebsoft.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/8/2014
*/


html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

html, body {
	height: 100%; /* (1) parent height: 100% of the window height  */
}

html {
      
         background: #f4f4f4 url(../images/bg-landscape.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;  /** cover the parent (1) **/
	}

	body {
		width: 1000px;
		max-width: 95%;
		margin: auto;
	
		font-family: 'Open Sans', sans-serif;
		color: #FFFFFF;
		font-size: 1em;

	}
	
	
	.main {
		text: align-center;
		position: relative;
		height: 100%;
		margin-left: 5%;
	}
	

	 #button  {
	  	text-align: center; 
	   	position: absolute;
	  	bottom: 120px;
	 	width: 96%;
	 }
 	 
 	 #button a {
	 	padding: 5px 15px;
	 	border: 1px solid #FFFFFF;	
	 	color: #FFFFFF;	 
	 	text-decoration: none;
	 	letter-spacing: 0.0625em;	
	 }
	 
 	 #info {
	 	text-align: center;
	 	position: absolute;
	 	bottom: 30px;
	 	width: 96%;
	 	font-size: 0.8em;
	 	letter-spacing: 0.0625em;
	 }

 /*****
 * Responsive
 ***/
 
@media only screen and (max-device-width: 768px) {
	
	html {
	
	    background: #60a2ae url(../images/bg-portrait.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;  /** cover the parent (1) **/
    }		
    
            

} 

  
@media only screen and (max-width: 480px) {
	
	 #info {
	 	font-size: 0.5em;
	 }

}