*{

}
html,body{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    scroll-behavior: smooth;
    background: #dadada;
}
header{
    width: 100%;
    height:90px;
    max-height: 100px;
    background: #252525;
    color:#fff;
}
main{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90vh;
    background: #2e0f62;
    color: #f1dede;
}
.mainpage{
    display: block;
    width: 100%;
    height: 100%;

}
.oquefazemos{
    width: 100%;
    height: auto;
    padding-top: 10%;
    padding-bottom: 10%;
}
.oquefazemos h1{
    margin-bottom: 35px;
}
.oquefazemos p{
    margin-bottom: 10%;
}

.parallax{
        /* The image used */
        background-image: url("img/parallax.jpg");
      
        /* Set a specific height */
        min-height: 500px;
      
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}

.editorvideo{
    display: block;
    width: 100%;
    height: auto;
    min-height: 350px;
    background: #252525;
    color: #fff;
    padding-top: 8%;
    padding-bottom: 8%;
}
.editorvideo h2{
 color: #F6E81F;
 text-shadow: 4px 4px 5px rgba(0,0,0,0.94);
 margin-bottom:15px;}

.homesociais{
    width: 100%;
    height: auto;
    min-height: 350px;
    background: #3D3D3D;
    color: #fff;
    padding-top: 8%;
    padding-bottom: 8%;
}



.homesociais h2{
    color: #F6E81F;
    text-shadow: 4px 4px 5px rgba(0,0,0,0.94);
    margin-bottom: 15px;
}

.homeartes{
    display: block;
    width: 100%;
    height: auto;
    min-height: 350px;
    background: #252525;
    color: #fff;
    padding-top: 8%;
    padding-bottom: 8%;
}


.homeartes h2{
    color: #F6E81F;
    text-shadow: 4px 4px 5px rgba(0,0,0,0.94);
    margin-bottom: 15px;
    font-style: normal;
}
.homeartes p{
    font-size: ;
}
.btn-home{
    display: block;
    width: 60%;
    height: 62px;
    margin: auto;
}
.btn-home a{
    margin-top: 10%;
    display: flex;
    width: 100%;
    height: 60px;
    background: rgb(16, 136, 16);
    text-align: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
}
header .logo{ 
    height: 63px;
}
.banner h1{
    color: #F6E81F;
    margin-bottom: 10px;
}
.banner h4{
    padding-right: 25px;
}
.banner .homeimg{
    margin-top: -22px;
}
.mainpage{
    width: 100%;
}
.mainpage .box{
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 8px;
    background: #f7f7f7;
    border-radius: 14px 14px 14px 14px;
-webkit-border-radius: 14px 14px 14px 14px;
-moz-border-radius: 14px 14px 14px 14px;
}
.mainpage .box h4{
    margin-top: 25px;
    margin-bottom: 25px;
}
/*Rodapé do Site*/

footer{
    display: flex;
    width: 100%;
    height: 200px;
    background: #8a8a8a;
    color: #2e2e2e;
    align-items: center;
    justify-items: center;

}
footer .redessociais{
    display: flex;
    margin: auto;
    width: 150px;
    font-weight: 600;
}
footer a{
    margin: auto;
    width: 35px;
    height: auto;
}
footer i{
    font-size: 35px;
    color: #252525;
}
.rodape{
    display: flex;
    background: #333333;
    width: 100%;
    height: 56px;
    font-weight: 600;
    color: #fdfdfd;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.rodape p{
    display: inline;
    height: auto;
}
@media only screen and (max-device-width: 1366px) {
    .parallax {
      background-attachment: scroll;} 
    main{
        height: auto;
    }
    }