/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html{
    display: flex;
}
html,
body {
    padding: 0;
    margin: 0;
    background: aliceblue;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
/*.tex{
    max-height: 150px; 
    max-width: 100%; 
    text-align: justify;
    background: #1d212482;
}*/
body a {
    outline: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;

}

th{
    text-align: center;
}
h1,h2{
    margin: 0;
    padding: 0;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
    font-size: 2rem;
    color:#FFFFFF; 
    line-height: 1.9;
}
h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
    font-size: 0.9rem;
    color:#FFFFFF; 
    
}
img.img-responsive {
    width: 100%;
}

section .container{
    z-index: 500;
    width: 100%;
    min-width: 100%;
    padding: 0;
}
.con{
    position: absolute;
    margin: 20px;
}
.header{
    background-color: darkcyan;
}
.banner1 {
    background: url(../images/varias/1.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 300px;
    text-align: center;
    /*height: 450px;*/
    width: 100%;
    top: 0;
    opacity: 0.6;
}
.log{
    display: ruby;
}
td, th{
    font-size: 14px;
}
u{
    text-decoration: none;
}
.header .container{
    text-align: center!important;
}
.navbar-brand{
        width: 32%;
    }
    .table-success th, .table-success th:hover{
        background-color: #10c6e357!important;
    }
    .table-hover tbody tr:hover {
    color: #58646f;
    background-color: #15dddd36;
}
.btn-secondary {
    color: #fff;
    background-color: #009999;
    border-color: #007575;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #01abab;
    border-color: #005199;
}
.btn-lg{
    line-height: 1.8;
        padding: .5rem 4rem;
}
.btn-secondary:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: #009999;
    border-color: #007575;
}
.btn-secondary:focus{
    color: #fff;
    background-color: #009999;
    border-color: #007575;
}

@media(max-width:1080px){
    .banner1 {
        min-height: 400px;
        height: 400px;
        
    }
}
@media(max-width: 860px){
    .col_4{
        display: none;
    }
}


@media(max-width:640px){
    .col_2, .col_4{
        display: none;
    }
    h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        font-family: 'Josefin Sans', sans-serif;
        letter-spacing: 1px;
        font-size: 0.7rem;
        color:#FFFFFF; 
    }
    .log{
        display: ruby;
    }

    .banner1 {
        min-height: 300px;
        height: 300px;
    }
    td, th{
    font-size: 13px;
}
.table td, .table{
    padding: 0.5rem;
}
.navbar-brand{
        width: 400px;
    }
}
@media(max-width:414px){
    h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        font-family: 'Josefin Sans', sans-serif;
        letter-spacing: 1px;
        font-size: 0.7rem;
        color:#FFFFFF; 
    }
    .banner1 {
        min-height: 200px;
        height: 200px;
        
    }
    .navbar-brand{
        width: 360px;
    }
}
@media(max-width:320px){
    h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        font-family: 'Josefin Sans', sans-serif;
        letter-spacing: 1px;
        font-size: 0.7rem;
        color:#FFFFFF; 
    }
    .banner1 {
        min-height: 200px;
        height: 200px;
        
    }
    .navbar-brand{
        width: 260px;
    }
}