@media only screen and (min-width: 768px) and (max-width: 1920px) {

to dropdown */	
  nav ul     { display: inline-block; }
  nav select { display: none; }
  header nav {
	  text-align:center; 
	  float: none; 
	  border-top: none; 
	  border-bottom: none;}  

.dropbtn {
	align-content: center;
}	  
	  
	#nameslogan{
		text-align:center;
		margin-top: 0px;
        margin-right: 20px;
        margin-left: 0px;
        margin-bottom: 0px;
			}
			
	.logoleft{
	float: none;
    
	}
	
	
	#headertext{
		float: none;
	}

	
	
	#container{
		width: 100%;
	}
	
	

#section {
		padding: 20px 5px 0px 10px;
		padding-right: 20px;
	}
	
	

.about {
		margin: 10px 1px 10px 20px;
		width: 40%;
	}

}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.logoleft img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}


@media only screen and (min-width: 480px) and (max-width: 768px) {

to dropdown */	
  nav ul     { display: inline-block; }
  nav select { display: none; }
  header nav {
	  text-align:center; 
	  float: none; 
	  border-top: none; 
	  border-bottom: none;}  

.dropbtn {
	align-content: center;
}	  
	  
	#nameslogan{
		text-align:center;
		margin-top: 0px;
        margin-right: 20px;
        margin-left: 0px;
        margin-bottom: 0px;
			}
			
	.logoleft{
	float: none;
    
	}
	
	
	#headertext{
		float: none;
	}
}

	
	
	#container{
		width: 100%;
	}
	
	

#section {
		padding: 20px 5px 0px 5px;
	}
	
	

.about {
		margin: 10px 1px 10px 20px;
		width: 24%;
	}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

.logoleft img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
	
@media screen and (max-width: 480px) {
	
	#nameslogan{
		text-align:center;
		margin-top: 0px;
		}	

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

.logoleft img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
        }