#contact_details{
    width: 80vw;
    padding: 50px 10vw;
    display: flex;
}

#contact_details_text{
    width: 51%;
    padding-right: 4%;

}
#contact_details_text h2{
    font-size: 6.5em;
    line-height: 140%;
    font-family: var(--work-sans);
    margin-bottom: 20px;
}
#contact_details_text h3{
    font-size: 6em;
    line-height: 140%;
    font-family: var(--work-sans);
    margin-bottom: 10px;
    margin-top: 30px;
}
#contact_details_text p{
    font-size: 3.4em;
    line-height: 170%;
    margin-bottom: 5px;
    font-weight: 200;
    font-family: var(--cabin-ver);
}
#contact_details_text .action_button{
    margin-top: 20px;
}
#contact_details_items{
    width: 45%;
    display: flex;
    flex-direction: column;
    text-align: right;
}
#contact_details_items div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    font-family: var(--cabin-ver);
    margin-bottom: 10px;
}
#contact_details_items header{
    font-size: 5.4em;
    font-family: var(--cabin-ver);
    margin-bottom: 20px;
}
#contact_details_items a{
    font-size: 4em;
    margin-left: 6%;
    cursor: pointer;
}
#contact_details_items ion-icon:hover{
    color: blue;
}
#contact_details_items p{
    font-size: 3.4em;
}


@media (max-width: 650px) {
    #contact_details{
        flex-direction: column;
    }
    #contact_details_text{
        width: 100%;
        margin-bottom: 50px;
    }
    #contact_details_items{
        width: 100%;
        text-align: start;
    }
    #contact_details_items div{
        justify-content: start;
    }
}