.container {
    padding: 0 !important;
}

.container > * {
    padding: var(--paddingGeneral);    
}

.container *:not(h1) {
    font-family: var(--fontSecondary);
}

.page-description {
    color: var(--colorPrimary);
    width: 70%;
    justify-self: center;
    magin: 0;
}

.contact-info {
    background: var(--colorSecondary);
    margin: 3rem 0rem;
    padding: 2rem 0rem;
}

.contact-list {
    list-style: none;
    display: grid;
    padding: 0;
    margin: 0;
    gap: 20px;
}

.contact-list .contact-item {
    display: flex;
    gap: 10px;
    align-items: center;
    border: var(--borderButtonDesk);
    background: var(--colorThird);
    padding: 0.5rem 1rem;
    margin: 0rem 10vw;
}

.contact-list a {
    text-decoration: none;
    color: var(--colorPrimary);
}

.contact-item .icon {
    margin-left: 2rem;
}

.contact-item img {
    height: 40px;
    width: 40px;
}

@media (max-width: 768px) {
    h1 {
        text-align: left !important;
    }
    
    .page-description {
        width: 100% !important;
    }
    
    .contact-list {
        gap: 30px !important;
    }
    
    .contact-list .contact-item {
        margin: 0rem 5vw !important;
    }
    
    .contact-item .icon {
        margin-left: 0rem !important;
    }
}