*{
    box-sizing: border-box;
}

body{
    background-color: #f1f3f7;
}

.navbar{
    height: 80px;
    width: 100%;
    background-color: #009bdb;
    padding-left: 15px;
    padding: 9.5px 15px;
}

.navbar img{
    width: 150px;
}

.form-container{
    border-radius: 5px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    background-color: white;
    padding: 40px;
    padding-bottom: 20px; 
    margin: 0 auto;
    width: 600px;
    margin-top: 50px;
}

.page-title{
    color: #4d4d4d;
    font-weight: 300;
}

ul li{
    color:#6f6f6f;
}

.anepmail{
    font-size: 1.1rem;
}

.form-container .btn-primary{
    background-color: #009DE0;
    border-color: #009DE0;
}

.form-container .btn-primary:hover{
    background-color: #0283ba;
    border-color: #0283ba;
}



@media (max-width: 700px) {
    .form-container{
        width: 100%;
    }

    .wrapper{
        margin: 20px;
    }
}

@media (max-width: 570px) {

    .wrapper{
        margin: 0;
    }

    .form-container{
        margin-top: 0;
        padding: 25px;
    }

    .form-container h1{
        font-size: 2rem;
    }

    .form-container h5{
        font-size: 1.2rem;
    }
}

@media (max-width: 370px) {
    .form-container h1{
        font-size: 1.7rem;
    }

    .form-container h5{
        font-size: 1.1rem;
    }

    ul{
        padding-left: 30px;  
    }
}