@import url('https://fonts.googleapis.com/css?family=Rubik:400,400i,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');

body {
    font-family: 'Rubik', sans-serif;
    color: #444;
}
.title-page {
    font-family: 'Fjalla One', sans-serif;
    color: #48A3E6;
    border-bottom: 1px solid #CCC;
    margin-bottom: 1.3em;
}

.section-default {
    padding: 1em;
}

h1, h2, h3 {
    font-family: 'Fjalla One', sans-serif;
}

@media (min-width:1200px) {
    h1 { font-size: 36px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; }	
    p, ul { font-size: 0.95em; }
}
@media (min-width:768px) and (max-width:1199px) {
    h1 { font-size: 32px; }
    h2 { font-size: 26px; }
    h3 { font-size: 20px; }
    p, ul { font-size: 0.9em; }
}
@media (max-width:767px) {
    h1 { font-size: 28px; }
    h2 { font-size: 22px; }
    h3 { font-size: 16px; }
    p, ul { font-size: 0.85em; }
    .title-page { margin-bottom: 1em; }
    .section-default { padding: .15em; }
}


.clientes {
    font-size: .85em;
}
.clientes p {
    text-align: center;
    padding-bottom: .5em;
}
.clientes p strong {
    color: #0059B2;
}

.max-width-300 {
    max-width: 300px;
}
.max-width-400 {
    max-width: 400px;
}

.navbar {
    font-family: 'Fjalla One', sans-serif;
    background-color: #E4E4E4;
    border-bottom: 1px solid #CCC;
    margin-bottom: 0.8rem;
}
.navbar .navbar-brand {
    width: 245px;
}
.navbar .navbar-brand img {
    max-width: 100%;
}

@media screen and (max-width:991px) {
    header {
        display: none;
    }
}
@media screen and (min-width:992px) {
    header {
        padding: 1rem 0;
        background: #bbccff;
        background: -moz-linear-gradient(top, #bbccff 0%, #E1E9FF 100%);
        background: -webkit-linear-gradient(top, #bbccff 0%,#E1E9FF 100%);
        background: linear-gradient(to bottom, #bbccff 0%,#E1E9FF 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbccff', endColorstr='#E1E9FF',GradientType=0 );
    }
    .navbar {
        border-top: 1px solid #CCC;
    }
    .navbar .navbar-brand {
        display: none;
    }
    .navbar-nav > li > a {
        color: #000080 !important;
        font-weight: 700;
        font-size: 125%;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        padding-top: .8rem;
        padding-bottom: .8rem;
    }
    .navbar-nav > li > a:hover {
        color: #FFF !important;
        background-color: #000080;
    }
}
@media (max-width:576px) {
    .navbar .navbar-brand {
        max-width: 200px;
    }
}

#loading-default {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(41, 41, 152, .7);
    color: #FFF;
    text-align: center;
    display: none;
    line-height: 100vh;
}
#loading-default i {
    line-height: 100vh;
}

footer {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #555;
    background-image: url(../images/footer-background.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    font-size: 0.8rem;
}
footer a, a:hover {
    color: #ccc;
}
@media (max-width: 576px) {
    footer ul {
        list-style: none;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .text-left-xl { text-align: left; }
    .text-center-xl { text-align: center; }
    .text-right-xl { text-align: right; }
    .text-justify-xl { text-align: justify; }
    .altura-minima { min-height: 60vh; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-lg { text-align: left; }
    .text-center-lg { text-align: center; }
    .text-right-lg { text-align: right; }
    .text-justify-lg { text-align: justify; }
    .altura-minima { min-height: 55vh; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-md { text-align: left; }
    .text-center-md { text-align: center; }
    .text-right-md { text-align: right; }
    .text-justify-md { text-align: justify; }
    .altura-minima { min-height: 50vh; }
}
@media (min-width: 576px) and (max-width: 767px) {
    .text-left-sm { text-align: left; }
    .text-center-sm { text-align: center; }
    .text-right-sm { text-align: right; }
    .text-justify-sm { text-align: justify; }
    .altura-minima { min-height: 45vh; }
}
@media (max-width: 575px) {
    .text-left-xs { text-align: left; }
    .text-center-xs { text-align: center; }
    .text-right-xs { text-align: right; }
    .text-justify-xs { text-align: justify; }
    .altura-minima { min-height: 35vh; }
}