@media (max-width: 991.99px) { 
    .row{
        display:block;
    }
}

@media (min-width: 576px) { 
    
    .navbar{
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }
 
}

@media (min-width: 768px) { 
    
    .navbar{
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) { 
    
    .navbar{
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1200px) { 

    .navbar{
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
    }
}

.label{
    width: 215px;
    text-align: right;
}

.container{
    margin-top: 25px;
}

.form-control:disabled, .form-control[readonly]{
    background-color: white;
}

.btn{
    width: 100%;
}

.alert{
    display: none;
}

.table{
    display: none;
}

#navbarUp{
    width: 100%;
    background-color: #e3f2fd;
}

#logo{
    width: 100%;
    text-align: center;
    padding: 10px;
}

#logoPng{
    max-width: 100%;
    height: auto;
}

h1{
    font-size: 1.5rem;
    color: #5479a6;
}

h2{
    font-size: 1.3rem;
    color: #5479a6;
}