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

body {
font-family: 'Open Sans', sans-serif;
font-weight:600;
color: #fff;
font-size:12px;
letter-spacing: 0.5em;
line-height:30px;
	
	
}

a {color:#fff; text-decoration:none;}
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  

	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}


	
#logo {
	
	 position: relative; 
	 width:70%; 
	 margin: 3% auto; 

	 padding-top:8%; 
	 text-align:center;
	
	
}
#logo2 {
	
	 position: relative; 
	 width:70%; 
	 margin: 3% auto; 

	 
	 text-align:center;
	
	
}
#logo3 {
	
	 position: relative; 
	 width:70%; 
	 margin: 3% auto; 
	
	
	 text-align:center;
	
	
}
#logo4 {
	
	 position: relative; 
	 width:70%; 
	 margin: 3% auto; 
	line-height:20px;
	font-size:9px;
	 text-align:center;
	
	
}

#text {
	
 position: relative; 
	 width:300px; 
	 margin: 3% auto; 
	 padding: 2%; 
	 text-align:center;
	 border:1px solid white;

	
	  	
}
#mydiv{
	margin-top:0%;  
  }

img {
		
	max-width:100%;	
	
}

.image_full{
   display:block;
  }

 .image_mobile{
  display:none;
 }

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 


  .image_full{
   display:none;
  }

  .image_mobile{
   display:block;
  }
  #mydiv{
	margin-top:40%;  
  }
}