body {
    /*background-image: url("/images/history/bgbook.jpg");*/
    background-image: unset;
    background-color: #2F3E52 !important;
    /*background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;*/
}

.main {
    background: white;
    border-radius: 25px;
}

.about p {
    padding: 0.5em;
}

.navigate {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
}

    .navigate a {
        border-radius: 5px;
    }
    
.smallvp {
    display: none;
}

.top-wrapper {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    margin-top: 20px;
}

.roty-wrapper {
    display: table-cell;
    column-count: 4;
}

.info-card {
    display: flex;
    flex-flow: column wrap;
    margin: 10px;
}

.info-card-ROTY {
    display: flex;
    flex-flow: column wrap;
    margin: 10px;
    width: 325px;
}

img {
    width: 250px;
    min-height: 350px;
    max-height: 350px;
    box-shadow: 6px 6px #ddd;
    margin: 5px;
    border-radius: 15px;
}

label {
    color: #333;
}

.staff-aboutus {
    display: flex;
    flex-flow: row wrap;
    margin: 1.5em auto;
}

    .staff-aboutus div {
        border: 1px solid #ccc;
        padding: 15px;
        margin: 10px;
        width: 300px;
        height: 100px;
        box-shadow: 0 2px 6px #ddd;
        border-radius: 15px;
    }

    .staff-aboutus > div > span {
        display: flex;
        flex-flow: row wrap;
        border: none;
        padding: unset;
        margin: 15px 0;
        width: unset;
        height: unset;
        box-shadow: none;
    }

#menu1 > div > div:last-child,
#menu2 > div > div:last-child,
#menu3 > div.staff-aboutus > div:last-child {
    margin-bottom: 3em;
}

.name {
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    font-family: "Montserrat", sans-serif;
    line-height: 1.1;
    color: #00528f;
}
p {
    text-align: left;
    font-weight: bold;
}

.realtor {
    margin-bottom: 2rem;
    color: #00528F;
    font-size: 1.5rem;
}
.title, .desig, .contact, .phone {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    max-width: 275px;
}
.contact {
    font-weight: bold;
    color: #00528f;
}
.desig, .phone {
    /*margin: 0 10px 10px 10px;*/
    max-width: 210px;
}



/* Bug 451 - IE 11 and earlier don't support ECMASCRIPT ES6 or modern styles - patch styles */
.iefix {
    display: none;
}

.title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    /*padding: 5px;*/
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.name {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    /*padding: 5px;*/
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    line-height: 1.1;
    color: #00528F;
}

.info-card2 {
    margin: 5px;
    width: 300px;
    min-height: 200px;
    max-height: 200px;
}

@media only screen and (min-width: 1200px) {

    .roty-wrapper {
        display: table-cell;
        column-count: 5;
    }
}

@media all and (-ms-high-contrast:none) {
    .staff-aboutus .info-card2 {
        width: 300px;
        height: 100px;
    }
    /* IE10 */
    *::-ms-backdrop, .staff-aboutus div {
        width: 300px;
        height: 100px;
    }
    /* IE11 */
    .staff-mgmt {
        display: none;
    }
    /* IE10 */
    *::-ms-backdrop, .staff-mgmt {
        display: none;
    }
        /* IE11 */
        .staff-mgmt div {
            display: none;
        }
        /* IE10 */
        *::-ms-backdrop, .staff-mgmt div {
            display: none;
        }
    /* IE11 */

    .iefix {
        display: block;
    }

    *::-ms-backdrop, .iefix {
        display: block;
    }
}

/* MG 061919 - Mobile Main Nav Menu Adjustments */
@media only screen and (max-width: 992px) {
    .roty-wrapper {
        display: table-cell;
        column-count: 3;
    }

    .navigate {
        position: unset;
        display: flex;
        justify-content: space-between;
    }
}