@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 700;
    src: url(../fonts/Core/SFCompactDisplay-Bold.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 600;
    src: url(../fonts/Core/SFCompactDisplay-Semibold.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 900;
    src: url(../fonts/Core/SFCompactDisplay-Black.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 800;
    src: url(../fonts/Core/SFCompactDisplay-Heavy.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 500;
    src: url(../fonts/Core/SFCompactDisplay-Medium.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 200;
    src: url(../fonts/Core/SFCompactDisplay-Thin.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 100;
    src: url(../fonts/Core/SFCompactDisplay-Ultralight.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 400;
    src: url(../fonts/Core/SFCompactDisplay-Regular.woff) format('woff')
}

@font-face {
    font-family: SFCompactDisplay, sans-serif;
    font-weight: 300;
    src: url(../fonts/Core/SFCompactDisplay-Light.woff) format('woff')
}

@-webkit-keyframes kenburns {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-40px, -20px, 0);
        transform: scale3d(1.2, 1.2, 1.2) translate3d(-40px, -20px, 0)
    }
    5% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
}

@keyframes kenburns {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-40px, -20px, 0);
        transform: scale3d(1.2, 1.2, 1.2) translate3d(-40px, -20px, 0)
    }
    5% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
}
* {
    box-sizing: border-box
}

:after, :before {
    box-sizing: border-box
}

body, html {
    background-color:#FFFFFF;
    font-family: SFCompactDisplay, sans-serif !important;
    min-height: 100vh!important;
    position: relative;
}

.imageContainer {
    -webkit-animation: kenburns 2s;
    animation: kenburns 2s;
    height: 45vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    -o-object-position: center;
    object-position: center
}

.datetimepicker-minutes, .datetimepicker .prev, .datetimepicker .next {
    display: none;
}
@media (min-width: 200px) {
    .carrocel-frase {
        font-size: 12pt;
        font-weight: 300;
        letter-spacing: 0
    }

    .carrocel-titulo {
        font-size: 18pt;
        font-weight: 600;
        letter-spacing: 0
    }
}

@media (min-width: 576px) {

}


@media (min-width: 768px) {

}


@media (min-width: 992px) {

}


@media (min-width: 1200px) {

}