.navbar, 
.navbar-change,
.navbar-blue,
.navbar-change-blue,
.navbar-white,
.navbar-change-white{
    margin-top: 6.1rem;
}

/*header*/
.header{
    background: var(--main-second-background);
}

.header-blue{
    background: var(--main-second-background-blue);
}

.header-white{
    background: var(--main-second-background-white);
}

.header .title-logo,
.header-blue .title-logo,
.header-white .title-logo{
    display: block;
}

.header .button-burguer,
.header-blue .button-burguer,
.header-white .button-burguer{
    margin-left: 0;
}

/*introduction*/
.introduction{
    width: 69.4rem;
    grid-template: 25.2rem 9.7rem 17.3rem/1fr 34.4rem;
    grid-template-areas:"introduction-tittle-label image-container"
                        "introduction-links image-container"
                        " . available-to-work";
}

.introduction .introduction-tittle-label{
    align-self: flex-end;
}

.introduction .name-developer{
    font-size: 3.2rem;
}

.introduction .image-container{
    width: 34.4rem;
    height: 25rem;
    align-self: flex-end;
}

.introduction .available-to-work{
    margin-top: 2.4rem;
}

/*about me*/
.about-me-title,
.about-me-title-blue,
.about-me-title-white{
    font-size: 2.8rem;
    padding-top: 6.7rem;
}

.about-me-container{
    width: 69.4rem;
}

.about-me .about-me-profile,
.about-me-blue .about-me-profile,
.about-me-white .about-me-profile{
    width: 29.5rem;
    height: 24.4rem;
    align-self: center;
    margin: 0;
}

.about-me .about-me-grid,
.about-me-blue .about-me-grid,
.about-me-white .about-me-grid{
    display: grid;
    grid-template-columns: 29.5rem 1fr;
    margin-top: 2.4rem;
    column-gap: 1.6rem;
    padding-bottom: 4.5rem;
}

.about-me .about-me-role,
.about-me-blue .about-me-role,
.about-me-white .about-me-role{
    margin-top: 0;
}

/*projects*/
.project-carousel-arrows{
    display: none;
}

.projects .projects-container,
.projects .projects-container-card{
    width: 68.6rem;
    height: 68.6rem;
}

.projects .projects-container-card-delay-first{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template:repeat(2,1fr)/repeat(2,1fr);
    overflow: hidden;
}

.projects .project-carousel-indicator{
    display: none;
}

.projects-title,
.projects-title-blue,
.projects-title-white{
    padding-top: 6rem;
}

.projects .project-performance-skills{
    width: 27.4rem;
    height: 4rem;
}

.projects .project-performance-skills ul li{
    width: 4rem;
    height: 4rem;
}

#project-ul-football-legends li:first-child span{
    width: 2.4rem;
    height: 2.4rem;
}

#project-ul-football-legends li:nth-child(2) span{
    width: 2.4rem;
    height: 2.4rem;
}

#project-ul-football-legends li:nth-child(3) span{
    width: 2.4rem;
    height: 2.4rem;
}

#project-ul-football-legends li:nth-child(4) span{
    width: 2.2rem;
    height: 2.2rem;
}

#project-ul-football-legends li:nth-child(5) span{
    width: 2.5rem;
    height: 2rem;
}

#project-ul-todo-se-vale li:nth-child(4) span,
#project-skills-sienna li:nth-child(4) span{
    width: 2.5rem;
    height: 1.9rem;
}


.projects .project-performance-logo .project-performance-sienna{
    width: 10.7rem;
    height: 9rem;
}

.projects .project-performance-logo{
    height: 9rem;
    margin-top: 1.2rem;
}

.projects .project-performance-description{
    font-size: 2rem;
    margin-top: 1.2rem;
    height: 10rem;
}

.projects .project-performance-link{
    margin-top: 3rem;
}

/*stack*/
.stack,
.stack-blue,
.stack-white{
    margin-top: 13.6rem;
    height: 18.2rem;
}

.stack .stack-container,
.stack-blue .stack-container,
.stack-white .stack-container{
    padding: 0;
}


.stack .stack-container-grid,
.stack-blue .stack-container-grid,
.stack-white .stack-container-grid{
    height: 9rem;
}

.stack h1,
.stack-blue h1,
.stack-white h1{
    font-size: 2.8rem;
    padding-top: 2rem;
}

.stack img:first-child,
.stack-blue img:first-child,
.stack-white img:first-child{
    margin-left: 0;
    width: 9rem;
    height: 9rem;
}

.stack img:not(:first-child),
.stack-blue img:not(:first-child),
.stack-white img:not(:first-child){
    margin-left: 0;
    width: 9rem;
    height: 8rem;
}

/*services*/

 .services-container{
    width: 69.4rem;
}

.services-title,
.services-title-blue,
.services-title-white{
    font-size: 2.8rem;
}

.services .service-target-container{
    width: 100%;
    height: 34rem;
}

.service-target-grid-first{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.service-target,
.service-target-blue,
.service-target-white{
    width: 32rem;
    height: 32rem;
    padding: 2rem;
}

.services-container .service-header-image{
    width: 7.2rem;
    height: 7.2rem;
}

.services-container .service-header-image img{
    height: 6.4rem;
    width: 6rem;
}

.services-skill-title,
.services-skill-title-blue,
.services-skill-title-white{
    font-size: 2.4rem;
    width: 17rem;
    height: 6rem;
    margin: 0 auto;
    margin-top: .8rem;
}

.services-skill-title + p,
.services-skill-title-blue + p,
.services-skill-title-white + p{
    font-size: 2rem;
    margin-top: 1.2rem;
}

.services .service-carousel-indicator{
    display: none;
}

/*footer*/
.footer-section .footer-initial-label h1,
.footer-section-blue .footer-initial-label h1,
.footer-section-white .footer-initial-label h1{
    font-size: 2.8rem;
}

.footer-section .footer-initial-label h1 + p,
.footer-section-blue .footer-initial-label h1 + p,
.footer-section-white .footer-initial-label h1 + p{
    font-size: 2rem;
    width: 41.1rem;
    margin: 0 auto;
    margin-top: 2rem;
}

.footer-section-icon,
.footer-section-icon-white{
    width: 5.6rem;
    height: 5.6rem;
}

.footer-section-icon + p,
.footer-section-icon-white + p{
    font-size: 2rem;
}

.footer-section-icon img,
.footer-section-icon-white img{
    width: 3.2rem;
    height: 3.2rem;
}

.footer-section-links ul li a{
    height: 5.6rem;
}

.footer-section-links ul{
    height: 16.6rem;
}

.footer-main-form,
.footer-main-form-blue,
.footer-main-form-white{
    width: 44.4rem;
    margin: 0 auto;
    margin-top: 3.2rem;
}

.footer-final-credits,
.footer-final-credits-blue,
.footer-final-credits-white{
    display: flex;
    width: 60rem;
    margin: 0 auto;
    margin-top: 3.2rem;
    justify-content: space-between;
} 

.footer-main-form input[type="text"],
.footer-main-form-blue input[type="text"],
.footer-main-form-white input[type="text"],
.footer-main-form input[type="email"],
.footer-main-form-blue input[type="email"],
.footer-main-form-white input[type="email"],
.footer-main-form input[type="tel"],
.footer-main-form-blue input[type="tel"],
.footer-main-form-white input[type="tel"]{
    font-size: 1.6rem;
    height: 3.6rem;
}

.footer-main-form label,
.footer-main-form-blue label,
.footer-main-form-white label{
    height: 7.4rem;
}

.footer-label-credits{
    width: 29rem;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}

.footer-main-form button[type="submit"],
.footer-main-form-blue button[type="submit"],
.footer-main-form-white button[type="submit"]{
    height: 3.6rem;
}