html {
    font-size: 15px;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #fffff;
    color: #2C3345;
}

.container {
    background: rgb(255, 255, 255);
    border-radius: 1%;
    padding: 2rem 2rem 2rem 2rem;
}

form h2 {
    font-weight: bold;
}

.btn-primary {
    background: #2c87ee;
    border-style: none;
    width: 10rem;
}

.encabezado img{
   margin-top: -2rem;
    width: 250px;
    height: 230px;
    margin-left: 12.5rem;
     align-items: center;
}

.img-container{
    text-align: center;
    width: 300px;
    height: 300px;
}

.img-container img{
    max-width: 100%;
    max-height: 100%;
}

.img-container-logo{
    text-align: center;
    padding-top: 25px;
    width: 300px;
    height: 100px;
}

.img-container-logo img{
    max-width: 100%;
    max-height: 100%;
}

img {
    align-items: center;
}

/*MEDIA QUERIES*/

@media(max-width:767px) {

    html{
        font-size: 16px;
    }

    .encabezado img{
    margin-top: -2rem;
    width: 250px;
    height: 230px;
    margin-left: 2.6rem;
     align-items: center;
     }
     
     
     img {
         justify-content: center;
     }
    }



@media(min-width:992px) {

    html{
        font-size: 16px;
    }

    .container{
        width: 45rem;
    }
    
    .encabezado img{
    margin-top: -2rem;
    width: 250px;
    height: 230px;
    margin-left: 12.5rem;
     align-items: center;
}
    }