.contact-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min-content;
}

.contact-info a{
    padding: 0;
}

.contact-info > div, .contact-info > div > p{
    display: flex;
    flex-direction: column;
}

.contact-info > div > p > span:first-child{
    font-weight: bolder;
}

.contact-info h2 {
    white-space: nowrap;
    text-align: center;
    font-size: 40px;
}

@media only screen and (max-width: 1024px) {
    .contact-info h2 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 800px) {
    .contact-info{
        margin: 0 auto;
    }
}

@media only screen and (max-width: 600px) {
    .contact-info h2 {
        font-size: 30px;
    }
}