@font-face {
    font-family: "Roboto Medium";
    src: url("fonts/Roboto-Medium.otf") format("otf"),
        url("fonts/Roboto-Medium.ttf") format("truetype")
}

@font-face {
    font-family: "Sirukota";
    src: url("fonts/Sirukota.otf") format("otf"),
        url("fonts/Sirukota.ttf") format("truetype")
}

body {
    background-color: #c8c8c8 !important;
    font-size: 22px !important;
    color: #503474;
}

p {
    color: #503474;
}

header {
    background-image: url("img/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.formulario .form-container {
    border-top: 7px solid #FE0D4B;
    border-bottom: 7px solid #FE0D4B;
}

.formulario .form-container iframe {
    min-height: 650px !important;
}

.formulario .form-titulo .losango {
    display: inline-block;
    background-color: #FE0D4B !important;
    transform: skew(-10deg);
    color: #fff !important;
    padding: 10px;
}

.formulario .form-titulo .losango h1 {
    font-size: 45px;
}

@media (min-width: 768px) {
    .formulario .form-titulo .losango h1 {
        font-size: 60px;
    }
}

.formulario .form-container h2 {
    text-transform: uppercase;
    color: #503474;
    font-weight: bold;
    font-size: 50px;
}

@media (min-width: 576px) {
    .formulario .form-container iframe {
        min-height: 400px !important;
    }
}

.quem-somos {
    background-image: url("img/bg-segmentos.png");
    background-position: bottom;
    background-size: cover;
}

.quem-somos h1 {
    font-size: 70px !important;
    font-family: "Sirukota";
    color: #FE0D4B;
}

.segmentos .icone {
    max-width: 120px;
}

.maker {
    background-color: #C3E0DE;
}

.olimpiadas {
    background-image: url("img/triangulos.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.olimpiadas .container .borda {
    border-top: 7px solid #FE0D4B;
    border-bottom: 7px solid #FE0D4B;
}

.olimpiadas .lista {
    font-size: 24px;
}

.olimpiadas .texto {
    font-size: 20px;
}

footer {
    background-color: #4F3373;
    background-image: url("img/arco.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    color: #fff;
}

.container {
    max-width: 1000px !important;
}