body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0299DE;
    color: white;
    margin: 0;
}
header{
    background-color: white;
    color: black;
    /* padding-left: 4%; */
    padding: 2%;
    
    nav{
        float: right;
        
        span{
            padding-right: 25px;
            font-size: 17px;
            text-decoration: none;
            color: #D7023A;
            display: inline-block;
        }
    }
    img{
        width: 25%;
    }
    .iconHamburguer {
        display: none;
    }
    .div-nav, .div-nav-none {
        float: right;
    }
}
.div-sobre {
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    
    div {
        display: flex;
        width: 50%;
        padding-right: 25px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        flex-direction: column;

        h1 {
            font-family: 'Open Sans', sans-serif;
            font-size: 70px;
        }
    }
    .div-poster{
        align-items: center;
        img{
            max-width: 70%;
        }
    }
}
.div-agradecimento {
    text-align: center;
    padding-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    
    /* .div-patrocinadorApoio{
        display: flex;
        .div-patrocinador, .div-apoio {
            display: inline;
            width: 50%;
        }
    } */
}
.div-redessociais {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    a {
        text-decoration: none;
    }
}
.div-equipeElenco{
    /* background-color: white; */
    /* color: black; */
    /* flex-wrap: wrap; */
    text-align: center;
    /* justify-content: center;
    align-items: center; */
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    .div-equipeRow{
        /* background-color: black; */
        display: flex;
        padding: 15px;
        justify-content: space-around;
        align-items: center;
        
        /* div:nth-child(even) {
            background-color: #FF9127;
        }
        div:nth-child(odd) {
            background-color: #009398;
        } */
    }
    .div-equipe{
        width: 80%;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }
    .div-perfil{
        width: 20%;
        padding-top: 10px;
        /* justify-content: space-between; */
        .foto{
            border-radius: 50%;
            width: 150px;
            height: 150px;
        }
    }
}

@media screen and (max-width: 1000px) {
    h1, h2, h3, h4 {
        font-size: 300%;
    }
    .div-sobre {
        display: block;
        width: 100% !important;
        div{
            width: 100%;
            padding-right: initial;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            img{
                max-width: 100%;
            }
        }
    }
    .div-patrocinadorApoio {
        display: block;
        .div-patrocinador, .div-apoio {
            display: block;
        }
    }
    .div-equipeRow {
        display: initial !important;
        .div-perfil {
            width: auto;
            padding-bottom: 10%;
            .foto{
                border-radius: 50%;
                width: 150px;
                height: 150px;
            }
        }
        h1 {
            font-size: 300% !important;
        }
        h2, h3, h4 {
            font-size: 200% !important;
        }
    }
    .div-agradecimento {
        width: initial;
        
        .div-patrocinadorApoio{
            padding-top: 3%;
            display: block;
            .div-patrocinador, .div-apoio {
                padding-top: 5%;
                display: block;
                width: initial;
            }
            .div-patrocinador{
                img {
                    width: 40%;
                }
            }
            .div-apoio{
                img {
                    width: 90%;
                }
            }
        }
    }
    .div-redessociais {
        padding-top: 10%;
        img {
            height: 10%;
        }
    }

    header {
        padding: 5%;
        .div-nav {
            background-color: white;
            display: block;
            padding-bottom: 45%;
            padding-top: 10%;
            float: initial;
            span{
                padding-bottom: 3%;
            }
        }
        .div-nav-none {
            display: none;
            float: initial;
        }
        nav{
            text-align: center;
            width: 100%;
            a{
                text-decoration: none !important;
                
                span{
                    display: block !important;
                    color: #D7023A;
                    font-size: 300% !important;
                }
            }
        }

        .iconHamburguer {
            float: right;
            display: initial;
            /* padding-top: 7%; */
            /* padding-right: 5%; */
            div{
                width: 35px;
                height: 5px;
                
                /* width: 3500%; */
                /* height: 5000%; */
                
                background-color: black;
                margin: 6px 0;
            }
        }

        img{
            /* padding-top: 5%;
            padding-left: 5%; */
            width: 50%;
        }
    }
}