body {
    margin: 0px;
}

section a,
section a:visited,
section a:hover {
    color: #00946c !important;
    text-decoration: none;
    font-weight: bold;
}

.section_header {
    background-color: #000;
    background-image: url('../img/elon-musk.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    height: 650px;
}

.section_header h1,
.section_header h2 {
    font-family: 'Anton', sans-serif;
    color: #FFF;
    font-size: 47px;
    margin: 0px;
    font-weight: 400;
    padding-top: 50vh;
    text-shadow: 12px 12px 14px #000000;
}

.section_header span {
    font-family: 'Roboto', sans-serif;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    text-shadow: 12px 12px 14px #000000;
}

.section_cinza article {
    width: 55%;
    margin: auto;
    font-family: 'Noto Serif', serif !important;
    font-size: 18px;
}

.section_cinza article a,
.section_cinza article a:visited,
.section_cinza article a:hover {
    color: #de2910;
    text-decoration: none;
}

.section_cinza article figure {
    margin: 0px;
    text-align: center;
    padding-top: 15px;
}

.section_cinza article figure figcaption {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
}

.section_branca {
    color: #333;
    padding-bottom: 50px;
}

.section_branca h1,
.section_branca h2 {
    width: 55%;
    padding-bottom: 15px;
    padding-top: 10px;
    margin: auto;
    font-family: 'Anton', sans-serif;
    color: #333;
    font-size: 34px;
    font-weight: 400;
}

.section_branca article {
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    width: 55%;
    margin: auto;
}

.section_branca figure img {
    max-width: 100%;
}

.section_verde {
    background-color: #008863;
    color: #FFF;
    padding-bottom: 60px;
}

.section_verde div,
.section_dark div {
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-weight: 500;
    width: 55%;
    margin: auto;
}

.section_verde h2,
.section_dark h2 {
    font-family: 'Anton', sans-serif;
    color: #FFF;
    font-size: 34px;
    font-weight: 400;
    margin: 10px 0 20px 0;
}

.section_dark {
    background-color: #161616;
    color: #FFF;
    padding-bottom: 60px;
}

.banner {
    text-align: center;
    width: 100%;
}

.box_data span {
    font-family: 'Noto Serif', serif;
    font-size: 23px;
    padding: 10px;
    font-weight: 500;
}

.creditos {
    width: 300px;
    margin: auto;
    font-family: 'Noto Serif', serif !important;
    font-size: 16px;
    margin-top: 30px;
}

.creditos h2 {
    font-family: 'Noto Serif', serif;
    font-size: 25px;
    color: #000;
    font-weight: bold;
    padding-bottom: 10px;
}

.creditos span {
    color: red;
    font-style: italic;
    padding-left: 100px;
}

legend {
    text-align: right !important;
    font-size: 16px !important;
    font-style: italic !important;
    padding-right: 10px !important;
    color: #606060 !important;
}

.section_verde legend,
.section_dark legend {
    color: #fff !important;
}

.section_verde a,
.section_verde a:hover,
.section_verde a:visited,
.section_dark a,
.section_dark a:hover,
.section_dark a:visited {
    color: #FFF !important;
    text-decoration: underline !important;
}

.mais {
    background-color: #161616;
    color: #FFF;
    padding: 30px;
    text-align: center;
}

.mais h2 {
    font-family: 'Anton', sans-serif;
    color: #FFF;
    font-size: 34px;
    font-weight: 400;
    margin: 10px 0 20px 0;
}

.mais a,
.mais a:hover,
.mais a:visited {
    font-family: 'Noto Serif', sans-serif;
    color: #FFF !important;
    font-size: 20px;
}

@media (max-width: 768px) {
    .section_cinza article figure,
    .section_branca article figure,
    .section_cinza article figure,
    .section_verde article figure,
    .section_dark article figure {
        max-width: 100% !important;
    }
    .section_cinza,
    .section_branca,
    .section_verde,
    .section_dark,
    .section_cinza {
        max-width: 100% !important;
    }
    .section_header article,
    .section_cinza article,
    .section_branca article,
    .section_verde article,
    .section_dark article,
    .section_header h1,
    .section_branca h1,
    .section_verde h1,
    .section_dark h1,
    .section_header h2,
    .section_branca h2,
    .section_verde h2,
    .section_dark h2,
    .section_verde div,
    .section_dark div {
        width: 95%;
        margin: auto;
    }
    .section_header h1,
    .section_header h2 {
        padding-top: 150px !important;
    }
    .section_header h1,
    .section_header h2 {
        text-align: center !important;
        padding-top: 100px !important;
        width: 100%
    }
    iframe {
        max-width: 100% !important;
    }
    .col2 {
        width: 100% !important;
        float: none !important;
    }
    .col2 figure img {
        display: none !important;
    }
}