@media screen and (max-width:550px)
  section{
  margin:0 auto;
  width:95%;

}
#box_15{    position:absolute;
    left:75px;
    bottom:85px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 320px;
    height: 520px; 

  

}
#box_16{    position:absolute;
    left:105px;
    bottom:-30px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 260px;
    height: 20px; 

  

}
#box_17{    position:absolute;
    left:105px;
    bottom:-125px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 260px;
    height: 20px; 

  

}
#box_18{    position:absolute;
    left:105px;
    bottom:-220px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 260px;
    height: 20px; 

  

}
#box_19{    position:absolute;
    left:105px;
    bottom:-315px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 260px;
    height: 20px; 

  

}#CHAIRS{ position: absolute;
  left:90px;
  bottom:-635px;
 
  }
#CHAIRS img{
  width:350px;
  height:220px;
  position:absolute;
  bottom:15px;
  left:-10px;
}
#logo{
  position: absolute;
  left:150px;
}
#logo img{
  width:220px;
  height:200px;
  position:absolute;
  bottom:-335px;
  left:-5px;
}
#box_1{
  position: absolute;
  left:-10px;
  width: 1450px;
  height:3500px;
 background:#242424;
}
#title{
  position: absolute;
  left:130px;
  bottom:275px;
  color:white;
  font-size:75px;
}
#title2{position: absolute;
  left:100px;
  bottom:215px;
  color:white;
  font-size:75px;
  
}
#Historical{
  position: absolute;
  left:88px;
  bottom:190px;
  color:yellow;
  font-size:25px;
}
#Central{  position: absolute;
  left:145px;
  bottom:155px;
  color:yellow;
  font-size:25px;
  
}
#box_2{
  position: absolute;
  left:80px;
  width: 350px;
  height:560px;
  bottom: -400px;
 background:#009B3F;
}
  nav{position: absolute;
  left:150px;
  bottom:-330px;
  text-align:center;
  line-height: 380%;
  color:white;
  font-size:25px;font-family: futura-pt, sans-serif;
  font-size:25px;
  list-style-type:none;
    text-decoration:none;


  }
  a:link {
text-decortaion:none;
    color: white;
}
   
    a:visited {
      text-decoration: none;
      color: white;
    }
  
   
}
li a {
    display: block;
    width: 60px;
  text-decoration:none;
}

#box_20{    position:absolute;
    left:80px;
    bottom:-645px;
   
    background: #009B3F;
   
    width: 350px;
    height: 60px; 

}

  #welcome{  position: absolute;
  left:90px;
  bottom:-635px;
  color:white;
  font-size:35px;
  }

#box_21{

  position: absolute;
  left:80px;
  width: 350px;
  height:430px;
  bottom: -1400px;
 background:#009B3F;

}
  #Subscribe{  position: absolute;
  left:155px;
  bottom:-1050px;
  color:white;
  font-size:35px;

  
}
    #updates{  position: absolute;
  left:125px;
  bottom:-1090px;
  color:white;
  font-size:35px;
  
}
#box_22{

  position: absolute;
  left:80px;
  width: 350px;
  height:50px;
  bottom: -1185px;
 background:#007336;

}
#box_23{
  position: absolute;
  left:80px;
  width: 350px;
  height:50px;
  bottom: -1280px;
 background:#007336;

  
}
#box_24{
  
  position: absolute;
  left:110px;
  width: 250px;
  height:40px;
  bottom: -1380px;
 background:#007336;
   border-radius: 25px;
    padding: 20px; 

}
#submit{
position: absolute;
  left:195px;
  bottom:-1360px;
  color:white;
  font-size:35px;}
 #Name{
    position: absolute;
  left:95px;
  bottom:-1175px;
  color:white;
 font-size:25px;font-family: futura-pt, sans-serif;
font-style: normal;
  }
  #Email{position: absolute;
  left:95px;
  bottom:-1225px;
  color:white;
    font-size:25px;font-family: futura-pt, sans-serif;
font-style: normal;}

  #Verify{position: absolute;
  left:95px;
  bottom:-1275px;
  color:white;
font-size:25px;font-family: futura-pt, sans-serif;
font-style: normal;}
#box_25{position:absolute;
    left:80px;
    bottom:-1590px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 310px;
  height: 100px; }
#number{ position:absolute;
    left:180px;
    bottom:-1560px;
    color:#636363;
    font-size:18px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
  text-align:center;
  
}
#copyright{ position:absolute;
    left:90px;
    bottom:-1690px;
    color:#636363;
    font-size:15px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;

  
}
#box_4{

  position: absolute;
  left:80px;
  width: 350px;
  height:330px;
  bottom: -970px;
 background:white;

}
  #into{
    position:absolute;
    left:95px;
    bottom:-960px;
    color:black;
    font-size:15px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
    
  }
/* medium tablet styles*/

@media screen and (min-width:550px){

#box_1{
  position: absolute;
  left:-10px;
  width: 1460px;
  height:1400px;
 background:#242424;
}
#box_2{
  position: absolute;
  left:540px;
  width: 800px;
  height:80px;
  bottom: 430px;
 background:#009B3F;
}

#box_4{
  position: absolute;
  left:540px;
  width: 800px;
  height:390px;
  bottom: -370px;
 background:white;
}

#box_5{
position: absolute;
left:300px;
bottom:400px;
width:1140px;
height:75px;
bakground: #009b3f;
}
    #box_11{position:absolute;
    left:75px;
    bottom:15px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 320px;
    height: 580px; 

  }
#logo{
  position: absolute;
  left:150px;
  bottom:690px;
  
  
}
  #logo img{
    width:220px;
  height:210px;
  }

#title{
  position: absolute;
  left:160px;
  bottom:280px;
  color:white;
  font-size:65px;
}
#title2{position: absolute;
  left:130px;
  bottom:220px;
  color:white;
  font-size:65px;
  
}
#Historical{
  position: absolute;
  left:98px;
  bottom:190px;
  color:yellow;
  font-size:25px;
}
#Central{  position: absolute;
  left:150px;
  bottom:155px;
  color:yellow;
  font-size:25px;
  
}
  #box_10{position:absolute;
    left:545px;
    bottom:570px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 750px;
    height: 20px; 

  }


#box_6{
  position: absolute;
  left:70px;
  width: 363px;
  height:390px;
  bottom: -260px;
 background:#009B3F;
}


  #box_7{
  position: absolute;
  left:70px;
  width: 363px;
  height:40px;
  bottom: -50px;
 background:#007336;
}
  #box_8{
  position: absolute;
  left:70px;
  width: 363px;
  height:40px;
  bottom: -130px;
 background:#007336;
}
  #box_9{
  position: absolute;
  left:540px;
   width: 800px;
  height:90px;
  bottom: 20px;
 background:#009B3F;
}


 

      #box_13{position:absolute;
    left:-5px;
    bottom:-700px;
    background: #007D3B;
    width: 1455px;
    height: 100px; 

  }

    #box_15{position:absolute;
    left:15px;
    bottom:-550px;
   border-radius: 25px;
    background: #2B2B2B;
    padding: 20px; 
    width: 1320px;
    height: 20px; 

  }
  

  
 #box_20{    position:absolute;
    left:80px;
    bottom:-665px;
   
    background: #009B3F;
   
    width:0px;
    height: 0px; 

}
  #box_16{    position:absolute;
    left:105px;
    bottom:-540px;
 
    width: 0px;
    height: 0px; 

  

}
#box_17{    position:absolute;
    left:105px;
    bottom:-540px;
 
    width: 0px;
    height: 0px; 

  

}
#box_18{    position:absolute;
    left:105px;
    bottom:-540px;

    height: 0px; 

  

}
#box_19{    position:absolute;
    left:105px;
    bottom:-550px;
   
    width: 0px;
    height: 0px; 

  

}
  #box_21{

  position: absolute;
  left:80px;
  width: 0px;
  height:0px;
  bottom: -1250px;
 

}

#box_22{

  position: absolute;
  left:80px;
  width: 0px;
  height:0px;
  bottom: -1020px;
;

}
#box_23{
  position: absolute;
  left:80px;
  width: 0px;
  height:0px;
  bottom: -1120px;
 

  
}
  #into{
    position:absolute;
    left:595px;
    bottom:-180px;

    font-size:0px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
  }
  #intro{
    position:absolute;
    left:595px;
    bottom:-350px;
    color:black;
    font-size:25px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
  }
  #box_24{
  
  position: absolute;
  left:110px;
  width: 250px;
  height:40px;
  bottom: -240px;
 background:#007336;
   border-radius: 25px;
    padding: 20px; 

}  #Subscribe{  position: absolute;
  left:155px;
  bottom:60px;
  color:white;
  font-size:35px;

  
}
    #updates{  position: absolute;
  left:125px;
  bottom:20px;
  color:white;
  font-size:35px;
  
}#box_25{position:absolute;
    left:80px;
    bottom:-550px;

    width: 0px;
  height: 0px; }
#number{ position:absolute;
    left:180px;
    bottom:-590px;
    
    font-size:0px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
  text-align:center;
  
}
#copyright{ position:absolute;
    left:60px;
    bottom:-680px;
    color:white;
  line-height:150%;
    font-size:15px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;

  
}
  #numero{ position:absolute;
    left:180px;
    bottom:-535px;
    color:#636363;
    font-size:20px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
    text-align:center;
    word-spacing:250px;
 }
  #address{ position:absolute;
    left:910px;
    bottom:-535px;
    color:#636363;
    font-size:20px;font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
    text-align:center;
    word-spacing:10px;
 }
   #Name{
    position: absolute;
  left:95px;
  bottom:-45px;
  color:white;
 font-size:25px;font-family: futura-pt, sans-serif;
font-style: normal;
  }
  #Email{position: absolute;
  left:95px;
  bottom:-85px;
  color:white;
    font-size:25px;font-family: futura-pt, sans-serif;
font-style: normal;}

  #Verify{position: absolute;
  left:95px;
  bottom:-125px;
  color:white;
font-size:25px;font-family: futura-pt, sans-serif;
font-style: normal;}
  #submit{
position: absolute;
  left:200px;
  bottom:-220px;
  color:white;
  font-size:35px;}
  #welcome{  position: absolute;
  left:590px;
  bottom:35px;
  color:white;
  font-size:45px;
      letter-spacing: 4px;
      
  }#CHAIRS{ position: absolute;
  left:90px;
  bottom:-635px;
 
  }
#CHAIRS img{
  width:800px;
  height:320px;
  position:absolute;
  bottom:745px;
  left:450px;
}
  
  
  nav{position: absolute;
  left:560px;
  bottom:550px;
  color:yellow;
  font-size:25px;
  list-style-type:none;
  text-decoration: none;

  }
  a:link {
    text-decoration: none;
    color: white;
    
    a:hover {
      text-decoration: none;
      color: #009B3F;
    }
  
   
}
li {
    display: inline;
    padding: 30px;
}
 