body {
}

#contact-navbar-content-container {
    height: 140vh
}

#contact-heading-text-normal-container {
    position: relative;
    height: 15%;
    width: 100%
}

#contact-map-container {
    width: auto;
    height: 266px;
    margin: 0 auto
}

#contact-content-form-image-container-full-width {
    position: relative;
    width: auto;
    height: 65%;
}

#contact-content-form-image-container {
    display: table;
    height: 80%;
    width: 70%;
    /*margin: 0 auto;
    margin-top: 5%*/
    /*background-color: blanchedalmond*/
    background-color: rgba(169,169,169,0.5)
}

.contact-content-form-image {
    display: table-cell;
    padding: 0.75rem;
    height: 100%;
    width: 50%;
    /*background-color: rgba(169,169,169,0.5)*/
}

.contact-content-form-image-child {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0.75rem;
    box-sizing: border-box;
    /*background-color: cornflowerblue*/
}

.contact-content-contact-details-container {
    height: 80%;
    width: 100%
}

.contact-content-contact-details {
    position: absolute
}

.contact-content-external-links-container {
    position: relative;
    height: 20%;
    width: 100%
}

.contact-content-external-links {
    height: 50%;
    width: 65%;
    /*background-color: lightgray*/
}

/*not currently used*/
.contact-content-form-container {
    position: absolute;
    height: auto;
    width: 100%
}

.contact-content-form-item {
    position: relative;
    height: 8%;
    width: 100%;
    margin-bottom: 0.75rem;
}

.contact-content-form-item-input {
    background-color: whitesmoke
}

.div-contact-content-form-item-submit {
    width: 10rem;
    height: auto
}

.contact-content-form-item-submit {
    /*position: relative;*/
    /*margin: 0 auto;*/
    width: 10rem;
    height: 2.5rem;
    background-color: coral
}

button {
    color: white;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif
}

.contact-social-icons {
    margin-left: 1rem
}

.div-form-label-text {
    position: absolute
}

.div-contact-form-label {
    margin-bottom: 0.5rem
}

.div-contact-form-input {
    margin-bottom: 1.5rem
}

input {
    width: 100%;
    height: 1.5rem
}

.div-submit-text {
    height: auto;
    width: 10rem;
    margin: 0 auto;
    text-align: center
}

.contact-label-text {
    vertical-align: middle;
    margin: auto 0
}

#header-text-hero {
    color: black !important
}