@media (min-width: 140px) {
  .heading_login {
	font-size:15px;
  }
  .heading_header{/*style the heading on the header for the school name*/
	font-size:15px;  
  }
  
      .trial{ /*style who has logged in*/
	font-size:10px;  
  }
  
      .welcome{ /*the welcome note and user name*/
	font-size:10px;  
  }
  
    .cross{ /*the cross  buttonon welcome note*/
	font-size:10px;
float:right;	
  }
  
  .login_form{
	  width:100%;
	  font-size:20px;
  }
  
    .sidebar navbar-nav{
	  width:30%;
	  font-size:15px;
	  padding-left:40px;
  }
  
  
  .h5{
	  font-size:25px;
  }
    	.imgL{
		display:none;
	}
	
		img{
		display:none;
	}
}



@media (min-width: 500px){
	
			img{
		display:block;
	}
  .heading_login {
	font-size:15px;
  }
  
    .heading_header{/*style the heading on the header for the school name*/
	font-size:25px;  
  }
  
    .trial{ /*style who has logged in*/
	font-size:20px;  
  }
  
       .welcome{ /*the welcome note and user name*/
	font-size:25px;  
  }
  
      .cross{ /*the cross  buttonon welcome note*/
	font-size:20px;
float:right;	
			}
  
  .login_form{
	  width:100%;
	  font-size:20px;
  }
  
      .sidebar navbar-nav{
	  width:100%;
	  font-size:25px;
  }
  
  .h5{
	  font-size:25px;
  }
      	.imgL{
		display:block;
		width:10px;
		height:10px;
	}
	
}



@media (min-width: 230px){

.dropbtn {
  font-size: 10px;
}

.dropdown-content {
	font-size:10px;
}

.dropdown-content a {
  color: white;
  padding: 4px 5px;
}
	}
	
	
	
	@media (min-width: 500px){
.dropbtn {
display:none;
  padding: 10px;
  font-size: 16px;
    background-color: none;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown-content {
	font-size:16px;
}

.dropdown-content a {
  color: white;
  padding: 10px 16px;
}
	}