html, body {
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 24px
}
.reference_image {
    margin-bottom: 1em;
}
.reference_image img {
    display: block;
    width: 100%;
    height: auto;
}
.reference_image .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: black;
}
.reference_image:hover .overlay {
    opacity: 0.85;
}
.reference_image .overlay .text {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.modal-full.modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal-full .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}
.adminicon {
    margin: 0.4em;
    transition: 0.25s linear;
}
.adminicon:hover {
    transform: rotate(45deg);
    transition: 0.25s linear
}
.home_row div.text {
    color: white;
}
.home_row div.text div.text-container {
    padding: 15px;
}
/*.home_row div.image {
    background-color: white;
}*/
.home_row div.text img {
    margin: 0 auto;
}
.home_row div.text h4 {
    margin-top: 1em;
}
#home_row1 {
    background-color: #D1AE5C;
}
#home_row2 {
    background-color: #3E6FB4;
}
#home_row3 {
    background-color: #CB5E63;
}
#home_row4 {
    background-color: #495C2E;
}
.vertical-align {
    display: flex;
    align-items: center;
}
#footer .icons a {
    margin-right: 1em;
}
@media (max-width: 767px) {
    .row.vertical-align {
        display: block;
    }
}
@media (min-width: 767px) {
    #home_row1 div.text img, #home_row3 div.text img {
        padding-right: 30px;
    }
    #home_row2 div.text, #home_row4 div.text {
        padding-left: 40px;
    }
    #home_row2 .row, #home_row4 .row {
        margin-right: -16px;
    }
}