*{
    margin: 0;
    padding: 0;
}
#header {
    flex-direction: column;
    color: #212b40;
    font-family: 'cinzel decorative';
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items:center ;
    margin-bottom: 7%;
}
#logo {
    font-size: 1.5em;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    margin-bottom: 3%;
}
#nav a {
    margin: 8px;
    justify-content: center;
    align-items:center ;
    color: #ae9755;
    font-family: 'cinzel';
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
    
.section{
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 1150px;
    height: 50px;
    color: #ae9755;
    font-family: 'cinzel decorative';
    margin-top: 8%;
    font-weight: bold;
    text-align: center;
    
}

.Logonexer{
    align-items: flex-start;
    width: 500px;
    height: 450px;
    padding: 0px;
}

.Sempre{
    margin: 8px;
    justify-content: center;
    align-items:center ;
    color: #212b40;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: small;
}

.main{
    margin: auto;
}
.main .section1{
    height: 400px;
    margin: auto;
    display: flex;
    position: relative;
    align-items: center;
    font-family: 'cinzel decorative';
    gap: 20px;
    font-size: 16pt;
    text-align: center;
    color: #fff;
}
.main .section1 .cover{
    display: flex;
    height: 400px;
    align-items: center;
    gap: 70px;
    flex-direction: column;
    justify-content: center;
    background-color: #212b40;
}
.Navegando{
    
   width: 1150px; 
}
.main .section1 .cover > a{
    text-decoration: none;
    color: #212b40;
    background-color: #ae9755;
    padding: 10px 20px;
    margin: 20px 10px -10px;
    font-size: 12pt;
    font-weight: bold;
    padding: 20px;
}
.main .section2{
    padding: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Aceh';
    align-items: center;
}
.main .section2 .div1{
    padding: 15px;
    width: 450px;
    height: 390px;
}
.main .section2 .div1 > img{
    width: 160%;
    margin: -90px -80px -90px;
    
}
.main .section2 .div2{
    padding: 15px;
    width: 180px;
    display: flex;
    color: #212b40;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
    text-align: start;
    flex-grow: 1;
    flex-direction: column;
    margin: 80px 50px 20px;
}
.main .section2 .div2 .h2{
    font-family: 'cinzel decorative';
    color: #ae9755;
    font-size: 30px;
}
.main .section2 .div2 .P1{
    font-family: 'cinzel decorative';
    color: #212b40;
    font-size: 14px;
}

/*Design Gráfico*/
.main .section3{
    margin: auto;
    padding: 15px;
    max-width: 900px;
    text-align: center;
    font-family: 'Aceh';
}

.main .section3{
    padding: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Aceh';
    align-items: center;
    margin-bottom: 10px;
}
.main .section3 .div3{
    padding: 15px;
    width: 450px;
    height: 390px;
    
}
.main .section3 .div3 > img{
    width: 85%;
    margin: 70px -80px -90px;
    
}
.main .section3 .div4{
    padding: 15px;
    width: 180px;
    display: flex;
    color: #212b40;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
    text-align: start;
    flex-grow: 1;
    flex-direction: column;
    margin: 130px 50px 20px;
}
.main .section3 .div4 .h2{    
    color: #ae9755;
    font-size: 60px;
    margin: 130px 0px 20px 0px;   
}
.main .section3 .div4 .p{    
    color: #212b40;
    font-size: 18px;
    margin: -10px 5px 0px; 
}
.main .section3 .div4 .a{    
    margin: 25px 5px 0px;  
    font-size: 20px; 
}

/*Social Media*/
.main .section4{
    margin: auto;
    padding: 15px;
    max-width: 900px;
    text-align: center;
    font-family: 'Aceh';
}

.main .section4{
    padding: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Aceh';
    align-items: center;
    margin-bottom: 10px;
}
.main .section4 .div3{
    padding: 15px;
    width: 450px;
    height: 390px;
    
}
.main .section4 .div3 > img{
    width: 85%;
    margin: 70px -80px -90px;
    
}
.main .section4 .div4{
    padding: 15px;
    width: 180px;
    display: flex;
    color: #212b40;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
    text-align: start;
    flex-grow: 1;
    flex-direction: column;
    margin: 130px 50px 20px;
}
.main .section4 .div4 .h2{    
    color: #ae9755;
    font-size: 60px;
    margin: 130px 0px 20px 0px;   
}
.main .section4 .div4 .p{    
    color: #212b40;
    font-size: 18px;
    margin: -10px 5px 0px; 
}
.main .section4 .div4 .a{    
    margin: 25px 5px 0px;  
    font-size: 20px; 
}

/*Websites*/
.main .section5{
    margin: auto;
    padding: 15px;
    max-width: 900px;
    text-align: center;
    font-family: 'Aceh';
}

.main .section5{
    padding: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Aceh';
    align-items: center;
    margin-bottom: 10px;
}
.main .section5 .div3{
    padding: 15px;
    width: 450px;
    height: 390px;
    
}
.main .section5 .div3 > img{
    width: 85%;
    margin: 70px -80px -90px;
    
}
.main .section5 .div4{
    padding: 15px;
    width: 180px;
    display: flex;
    color: #212b40;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
    text-align: start;
    flex-grow: 1;
    flex-direction: column;
    margin: 130px 50px 20px;
}
.main .section5 .div4 .h2{    
    color: #ae9755;
    font-size: 60px;
    margin: 110px 0px 20px 0px;   
}
.main .section5 .div4 .p{    
    color: #212b40;
    font-size: 18px;
    margin: -18px 5px 0px; 
}
.main .section5 .div4 .a{    
    margin: 1px 5px 0px;  
    font-size: 20px; 
}

/*Marketing*/
.main .section6{
    margin: auto;
    padding: 15px;
    max-width: 900px;
    text-align: center;
    font-family: 'Aceh';
}

.main .section6{
    padding: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Aceh';
    align-items: center;
    margin-bottom: 200px;
}
.main .section6 .div3{
    padding: 15px;
    width: 450px;
    height: 390px;
    
}
.main .section6 .div3 > img{
    width: 85%;
    margin: 70px -80px -90px;
    
}
.main .section6 .div4{
    padding: 15px;
    width: 180px;
    display: flex;
    color: #212b40;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
    text-align: start;
    flex-grow: 1;
    flex-direction: column;
    margin: 130px 50px 20px;
}
.main .section6 .div4 .h2{    
    color: #ae9755;
    font-size: 60px;
    margin: 130px 0px 20px 0px;   
}
.main .section6 .div4 .p{    
    color: #212b40;
    font-size: 18px;
    margin: -10px 5px 0px; 
}
.main .section6 .div4 .a{    
    margin: 25px 5px 0px;  
    font-size: 20px; 
}

.main .section2 .div2 .h2{
    font-family: 'cinzel decorative';
    color: #ae9755;
    font-size: 30px;
}

.Portfolio{
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 1150px;
    height: 50px;
    color: #ae9755;
    font-family: 'cinzel decorative';
    margin-top: 8%;
    font-weight: bold;
    font-size: 25px;
    text-align: center; 
    margin-bottom: 80px;  
}
.Portfolio1{
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 899px;
    height: 50px;
    color: #ae9755;
    font-family: 'cinzel decorative';
    margin-top: 250px;
    font-weight: bold;
    font-size: 25px;
    text-align: center; 
    margin-bottom: -110px;  
}

.paginas-slide img{
    width: 200px;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 0px;
}
.paginas-slide {
    justify-content: center;
    align-items: center;
    margin: 0px 20px 0px;
}


/*Footer*/
 .footer{
    background-color: #d4d4d4;
    padding: 15px;
    display: flex;
    font-family: 'Aceh';
    align-items: center;
    justify-content: space-around;
    margin-top: 10%;
 }
 .footer .f1{
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 10pt;
 }
 .footer .f1 > nav > a{
    color: #000;
    text-decoration: none;
 }
 .footer .f1 > nav > a:hover{
    text-decoration: underline;
 }
 .footer h2{
    color: #000;
    font-size: 12pt;
    font-family: 'Azonix';
    font-weight: normal;
 }