@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Bold.eot');
    src: url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('../fonts/Ubuntu-Bold.woff') format('woff'),
        url('../fonts/Ubuntu-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Light.eot');
    src: url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Light.woff2') format('woff2'),
        url('../fonts/Ubuntu-Light.woff') format('woff'),
        url('../fonts/Ubuntu-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
:root{
    --light-color:#ffffff;
    --primary-color: #115693;
    --secondary-color: #3da1ff;
    --orange-color: #ffab00;
    --green-color: #00d278;
    --red-color: #ff5466;
    --purple-color: #7B3685;
}
html{
    font-size: 16px;
}
body{
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
    color: var(--light-color);
    background-color: var(--secondary-color);
}
.color-light{
    color: var(--light-color)!important;
}
.bg-light{
    background-color: var(--light-color);
}
.bg-primary,
.btn.bg-primary:hover,
.btn.bg-primary:visited,
.btn.bg-primary:focus{
    background-color: var(--primary-color)!important;
}
.bg-secondary{
    background-color: var(--secondary-color);
}
.bg-orange,
.btn.bg-orange:hover,
.btn.bg-orange:visited,
.btn.bg-orange:focus{
    background-color: var(--orange-color);
}
.bg-green,
.btn.bg-green:hover,
.btn.bg-green:visited,
.btn.bg-green:focus{
    background-color: var(--green-color);
}
.bg-red,
.btn.bg-red:hover,
.btn.bg-red:visited,
.btn.bg-red:focus{
    background-color: var(--red-color);
}
.bg-purple,
.btn.bg-purple:hover,
.btn.bg-purple:visited,
.btn.bg-purple:focus{
    background-color: var(--purple-color);
}


.bg-topo{
    background-image: url('../images/nono-bg-alunos.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.fw-bold{
    font-family: 'Ubuntu', sans-serif;;
    font-weight: bold;
}
.fs-1{
    font-size: 2.5vw!important;
}
.fs-2{
    font-size: 1.8vw!important;
}
.fs-4{
    font-size: 1.4vw!important;
}
.evento{
    padding: 3vw 6vw;
}
.logotipo-evento{
    max-width: 16vw;
}
.logotipo-anglo{
    max-width: 10vw;
}
section.info{
    padding: 6vh 6vw
}
ul{
    list-style: square;
}
ul li:not(:last-child){
    margin-bottom: .4em;
}
ul li::marker{
    color: var(--orange-color);
    font-size: 1.4em;
}

.w-lg-30{ width: 33%;}
.w-lg-50{ width: 48%;}
.btn-seg{
    min-width: 20vw;
    min-height: 5vw;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 35px;
}

@media screen and (max-width:992px){
    html{
        font-size: 12px;
    }
    .fs-1 {
        font-size: 5.4vw !important;
    }
    .fs-2 {
        font-size: 3.6vw !important;
    }
    .fs-4{
        font-size: 3vw!important;
    }
    .evento{
        padding: 7vw 4vw 4vw;
    }
    .section-topo{
        min-height: 135px;
    }
}
@media screen and (max-width:575px){
    body{min-height: auto;}
    .fs-1 {
        font-size: 6.4vw !important;
    }
    .fs-2 {
        font-size: 4.4vw !important;
    }
    .fs-4{
        font-size: 2.8vw !important
    }
    .fs-5{
        font-size: .7rem !important;
    }
    .bg-topo{
        background-image: url('../images/novo-bg-mobile.png');
    }
    .w-lg-50, .w-lg-30{ width: 100%;}
    .btn-seg{min-width: 40vw;}
    .date-event{display: block; margin-bottom: 3rem;}
    .text-inscreva{margin: 0!important; padding: 0!important;}
    .logotipo-evento { max-width: 25vw;}

    .btn-seg{
    min-height: 10vw;
}
}