/*------------------------------------------Culture CSS-------------------------------------------------*/
#cultureValues{
    width: 100%;
    background-color: #FFFFFF;
}

.waveCulture{
    width: 100%;
    z-index: 1;
    margin-top: -30%;
}

#cultureTitleUp{
    color: #FF9C45;
    font-family: 'Fira Sans', sans-serif;
    font-weight: bolder;
    font-size: 5em;
    z-index: 2;
    margin: 0;
    margin-top: 5%;
}
#cultureTitleDown{
    color:#FF7700;
    font-family: 'Galada', cursive;
    font-weight: 200;
    font-size: 10em;
    z-index: 2;
    margin: 0;
    margin-left: 5%;
    margin-top: -5%;
}
.eggstory{
    display: flex;
    flex-direction:column;
}

.imageCulture{
    z-index: 2;
    transition: 0.3s ease-in-out;
}

#chickenRunning{
    margin-top: -55%;
    margin-left: 80%;
    width: 50%;
    rotate: -15deg;
    z-index: 0;
}

#fullEgg1{
    margin-left: 35%;
    margin-top: -20%;
    width: 35%;
    rotate: -30deg;
    z-index: 0;
}

#fullEgg2{
    margin-left: 80%;
    margin-top: -30%;
    width: 35%;
    rotate: 45deg;
    z-index: 0;
}

#fullEgg3{
    margin-left: 40%;
    margin-top: -30%;
    width: 30%;
    rotate: -80deg;
    z-index: 0;
}

#openEgg{
    margin-top: -10%;
    margin-left: 60%;
    width: 60%;
    z-index: 0;
}

.contentCulture{
    display: flex;
}

.contentTextCulture{
    margin-left: 15%;
    margin-top: -10%;
}

#values{
    margin-right: 10%;
}

.titleCulture{
    font-family: 'Galada', cursive;
    font-weight: 200;
    font-size: 2em;
    color: #FF7000;
    margin-top: 6%;
}

.textCulture{
    font-family: 'Fira Sans', sans-serif;
    font-weight: bolder;
    font-size: 1.3em;
    color: #582d09;
    line-height: 120%;
    margin-top: -5%;
    margin-bottom: 5%;
}

.particionCulture{
    display: flex;
}

.iconCulture{
    margin: 2%;
    margin-top: 5%;
    height: 5em;
    width: 5em;
    border-radius: 50%;
    border: #FF7700 solid 0.2em;
}

/*------------------------------Animações e transicoes para o Culture-----------------------------------*/

@media (min-width: 1500px){
    .imageCulture:hover{
        transform: scale(1.05);
    }
}

/*------------------------------Responsivity for Culture------------------------------------------------*/

@media(max-width: 1500px){
    .contentCulture{
        flex-direction: column;
    }
    #chickenRunning{
        margin-top: -10%;
        margin-left: 40%;
    }
    #fullEgg1{
        margin-left: 10%;
        margin-top: -20%;
    }

    #fullEgg2{
        margin-left: 50%;
        margin-top: -30%;
    }

    #fullEgg3{
        margin-left: 20%;
        margin-top: -30%;
    }

    #openEgg{
        margin-top: -10%;
        margin-left: 40%;
        width: 60%;
    }
    .contentTextCulture{
        margin-left: 5%;
    }

    #cultureTitleUp{
        font-size: 3em;
    }
    
    #cultureTitleDown{
        font-size: 5em;
    }

    .titleCulture{
        font-size: 1.5em;
    }

    .textCulture{
        font-size: 1em;
    }

    .iconCulture{
        height: 4em;
        width: 4em;
        
    }
}