@font-face {font-family: 'Bjorn'; src: url('../fonts/Bjorn-Regular.otf') format('opentype');}

body, html{
    margin: 0;
    padding: 0;
    font-family: 'Verdana', sans-serif;
    color: #838383;
    word-wrap: normal;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #d6d6d6;}
::-webkit-scrollbar-thumb {background: #000; background: rgba(0, 0, 0, 0.3);}

header{
    background: url('../img/header.jpg'), #000;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}
@media (max-width: 576px){
    header{
        background: url('../img/resp-background.jpg'), #000;
        background-position: bottom center;
    }
}

footer{
    background: url('../img/footer.jpg'), #0d0d0d;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
@media (max-width: 576px){
    footer{
        background: url('../img/resp-background.jpg'), #0d0d0d;
        background-position: top center;
    }
    footer img{
        max-width: 50%;
    }
}
footer a{
    color: #ffff;
}
footer a:hover{
    color: #fff;
    border-bottom: 1px solid #fff;
}
footer i{
    margin-right: 1rem;
}
footer img{
    width: 50%;
    margin-bottom: 2rem;
}

a{
    color: #494949;
}
a:hover{
    color: #494949;
    text-decoration: none;
}

.btn-inscricao {
    padding: 9px 50px!important;
    border-radius: 50px;
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    font-weight: 600;
    z-index: 99999;
    background: #ffb027;
}
.btn-inscricao:hover {
    background: #ffb027;
    color: #000;
}

h2, h3, h4{
    font-family: 'Bjorn', sans-serif;
    text-transform: uppercase;
}
h2 {
    color: #ffb027;
    font-weight: 900;
    font-size: 60px;    
}
.headerBox h3, h4{
    color: #fff;
    font-weight: 300;
}
h3{
    color: #ffb027;
}
h3{
    font-size: xx-large;
}
h4{
    font-size: x-large;
}
.space{
    height: 2rem;
}
.headerBox{
    width: 60%;
    padding: 5rem;
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.unidadesLinks a{
    padding: 1rem 2rem;
    background-color: #ffb027;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
}
.unidadesLinks a:hover{
    color:#000;
}
.unidadesLinks a:not(:first-child){
    margin-left: 3rem;
}
@media (max-width: 1200px){
    .unidadesLinks a{
        display: block;
        margin-bottom: 1.5rem;
        width: 100%;
    }
    .unidadesLinks a:not(:first-child){
        margin-left: 0;
    }
}

@media (max-width: 768px){
    .btn-inscricao {
        top: 90%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .headerBox{
        width: 100%;
        padding: 3rem;
        top: 50%;
        left: 50%;
        text-align: center;
    }
    h2 {
        font-weight: 800;
        font-size: 45px;
    }

    h3{
        font-size: 12;
    }
    h4{
        font-size: 10;
    }
    .space{
        height: 1rem;
    }
}
@media (max-width: 768px){
    .btn-inscricao {
        padding: 9px 10%!important;
        font-size: 80%;
    }
}