@media screen and (min-width: 600px) {  
 body {	
	background: url(bgr.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	background-color: rgb(181,40,10);	
  }	
  #left {
	  position: absolute;
	  width: 28%;
	  height: 75%;
  }
  #center_column {
	position: absolute;
	left: 28%;
	//top: 26%;
	top: 13vw;
	width: 44%;
	height: 34%;
  } 
  #right {
	position: absolute;
	left: 75%;
	width: 25%;
	height: 60%;
  }   
  #stores {
	position: absolute;
	//top: 81%;
	top: 40vw;
	width: 37%;
	height: 21%;
  }   
  #firstcolumn {
	position: absolute;
	top: 35vw;
	left: 39%;
	width: 50%;
	height: 17vw;
  }   
  .twocolumns {
    column-count: 2;
  }	  
  #secondcolumn {
	position: absolute;
	top: 70%;
	left: 65%;
	width: 30%;
	height: 40%;
  } 
  #bottom {
	position: absolute;
	//top: 98%;
	top: 48vw;
	left: 0%;
	width: 100%;
	height: 30%;  
	background: linear-gradient(to right, #c33408 0%, rgb(172,31,13) 50%, #aa1d0d 100%);
	z-index: -1;
  }	  
  #maintext {
	  font-family: arial;
	  color: #EEE;
	  font-size: 1vw;
	  text-align: left;
 }
 #listtext {
	  font-family: arial;
	  color: #EEE;
	  font-size: 1.3vw;
	  text-align: left;
 }
 #buttonstext {
	  font-family: arial;
	  color: white;
	  font-size: 1.2vw;
	  text-align: center;
 }
 #apple {
   position: absolute;
   left: 12%;
   top: 30%;
   width: 30%;
 }	 
 #google {
   position: absolute;
   right: 15%;
   top: 30%;
   width: 30%;
 }
}  
@media screen and (max-width: 600px) { 
  body {	
    background: url(bgr-vertical.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	width: 100%;
    padding-top: 299%;
  }
   #stores {
	position: absolute;
	top: 43vw;
	width: 55%;
	height: 54vw;
  }  
  #apple {
   position: absolute;
   left: 18%;
   top: 20%;
   width: 50%;
 }
 #google {
   position: absolute;
   left: 15%;
   top: 55%;
   width: 50%;
 }
 #buttonstext {
	  font-family: arial;
	  color: white;
	  font-size: 2.8vw;
	  text-align: center;
 }
  #firstcolumn {
	position: absolute;
	top: 100vw;
	height: 22vw;
	left: 5%;
	width: 90%;		
	//overflow: hidden;
  }   
  #secondcolumn {
	position: absolute;
	top: 121vw;
	height: 20vw;
	left: 5%;
	width: 90%;
  }   
  #listtext {
	  font-family: arial;
	  color: #EEE;
	  font-size: 2.8vw;
	  text-align: left;
 }
 #center_column {
	position: absolute;
	left: 5%;
	top: 240vw;
	width: 92%;
 } 
 #maintext {
	  font-family: arial;
	  color: #EEE;
	  font-size: 2.4vw;
	  text-align: justify;
 }  
 #bottom {
	position: absolute;
	top: 290vw;
	left: 0%;
	width: 100%;
	height: 40vw;  
	background: linear-gradient(to right, rgb(195,52,8), rgb(170,31,12) 50%);
	z-index: -1;
  }	  
}