*{
    box-sizing:border-box;
}

.navbar :hover{
    color:#00ff80;
	 
}

li a{
    color:	#FFFFFF;
    
}

.navbar{
    background-color:black;
    font-weight:60px;


}





.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }




  


* {
    box-sizing: border-box;
  }
  
  .bg-img {
  
    background-image: url("model-5.jpg");
  
    min-height: 900px;
  
  
  
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  
  
  .container {
   
   
  max-width: 300px;
      padding: 16px;
      
  }
  
  input[type=text], input[type=password] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
  }
  
  input[type=text]:focus, input[type=password]:focus {
    background-color: #ddd;
    outline: none;
  }
  
  .btn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
  }
  
  .btn:hover {
    opacity: 1;
  }
  
  .wel{
      padding-top: 220px;
      padding-left: 195px;
      text-align: center;
      color:white;
      text-align: justify;
      font-size: 30px;
      font-family:Arial, Helvetica, sans-serif;
  }
  .just{
      padding-top: 45px;
  }


  
  @media(max-width:768px){
.wel{
  
      padding-left: 0px;


   }
 
    
  }
  @media(max-width:375px){
    .text-center{
    font-size: 20px;
    }
  }