.contact-wrapper {
    /*margin: -15px auto;*/
    /*display: inline-block;*/
    background: #F5FEFF;
    padding: 30px 50px 200px 50px;
}

.contact-flex-wrapper {
    display: flex;
    justify-content: space-evenly;
}

.contact-title {
    font-weight: bold;
    margin-bottom: 6px;
}

.contact-photo {
    width: 20%;
    height: 20%;
}

.contact-row {
    margin: 20px 0;
}

.contact-hyperlink {
    /*text-decoration: none;*/
    font-weight: bold;
    color: #00A2B5;
}

.contact-company {
    font-weight: normal;
}

.position-up {
    position: relative;
    bottom: 18px;
}

.contact-name {
    font-size: 200%;
    color: #00A2B5;
    margin-bottom: 20px;
}

.contact-details {
    vertical-align: top;
}

.contact-icon {
    width: 48px;
    margin-right: 20px;
}

.contact-details a:hover {
    text-decoration: underline;
}

@media only screen and /*(min-width: 801px) and*/ (max-width: 1080px) {
    .contact-wrapper {
        padding: 10px 10px 100px 10px;
    }

    .contact-name {
        font-size: 180%;
    }
}