/* experience */
@media (min-width: 768px) { 
    .experience-content {
        width: 80%;
        margin: 0 auto;
    }
}
/* experience-content */
.experience-content h2 {
    font-weight:700;
    font-size:3rem; 
}
@media (min-width: 768px) { 
    .experience-content h2{
        font-size:10rem;
    }
}

.experience-content h2 + p {
    font-weight: 700;
    font-size:3rem; 
    margin: 4rem 0 3rem 0;
}

@media (min-width: 768px) { 
    .experience-content h2 + p {
        font-size:4rem; 
        margin: 1rem 0 5rem 0;
    }
}
/* experience-item */
.experience-item h3 + p {
    color:var(--grey); 
    font-weight: 700;
} 

.experience-item p + p {
    margin:2rem 0;
}

@media (min-width: 768px) { 
    .experience-item p + p {
        margin:2rem 0 5rem 0;
    }
}
/* skills */
.skill{
    margin-top: 5rem;
}

@media (min-width: 768px) { 
    .skill{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap:3rem;
    }
}

.skill-tools {
    margin-top: 5rem;
}

@media (min-width: 768px) { 
    .skill-tools {
        margin-top: 0;
    }
}

.skill-item p {
    font-weight: 700;
    margin:5rem 0 1rem 0;
}

.skill-item p + p {
    font-weight:400;
    margin: 0;
}
/* contact */
.contact {
    margin-top:10rem;
}

.contact span {
    display:block;
}

.contact p {
    color:var(--red);
    font-weight:700;
}

@media (min-width: 768px) { 
    .contact h2 {
        max-width: 50%;
        font-size:4rem;
    }
}