.login_cont{width:15%; height:360px;  margin:auto; border:1px solid;border-radius:20px; }
#email, #password{width: 85%; margin:15px; border:2px solid; font-size:15px; padding:5px;}
label {margin-left:20px;margin-top:15px;}

.form-check{margin: 20px; display:flex; align-items: baseline; justify-content: center;}

.last2Items{display:flex; align-items: center; justify-content: center; flex-direction: column}

.last2Items #btn{ flex-basis: 100%; margin:20px;}

#forgot{ width:100%}







@media screen and (max-width: 1000px) 

{

.login_cont{ height:800px; padding:40px; width:90%; font-size:40px; margin-buttom:50px;}

#email, #password{width: 90%; height:80px; margin-left:40px; border:2px solid; font-size:40px;}

label {margin-left:40px;margin-top:80px;}

.btn {width:200px;height:80px;}



html { font-size: 250%; }

.form-check{margin: 20px; display:flex; align-items: center; justify-content: center;}

.last2Items{display:flex; align-items: center; justify-content: center; flex-direction: column}

.last2Items #btn{font-size:40px; flex-basis: 100%; margin:20px;}


}




@media screen and (max-width: 360px) 

{
   
   body{background-color: #96bcae;}
 
#email, #password{  font-size:20px;}

.login_cont{ height:800px; padding:10px; width:90%;  margin-buttom:10px;}
#email, #password{width: 100%; margin:2px; border:2px solid; font-size:20px; padding:5px;}
label {font-size:20px;}

.last2Items #btn{font-size:20px;}
#forgot{font-size:12px; } 
    
.form-check{margin: 5px; }
    
    
}