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

body {
font-family: 'Nobel Reg', sans-serif;

color: #000;
font-size:22px;
letter-spacing: 0.2em;
line-height:30px;
background:#be5f4b;



	
	
}
.nobelregular{
    font-family: "Nobel Reg";
    font-style: Normal;
    font-weight: Normal;
}


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

	
  /* 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; 
 
	 margin: 3% auto;
	 width:600px;
	 padding-top:3%; 
	 text-align:center;
	
	
}
#logo2 {
	
	 position: relative; 
	 width:100%; 
	 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:18px;
	 text-align:center;
	
	
}

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

	
	  	
}

#toggleText {
line-height:30px;
	
}
#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%;  
  }
}