body {
    font-family: Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    font-size: 1vw;
    line-height: 1.5vw;
}
#page {
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
}
.accessible{
    visibility:hidden;
    display:none;
}

/* header */
#header img {
    width: 100%;
    display:block; /* need this to remove whitespace under image */
    margin-bottom: -5px; /* need this to remove whitespace under image */
    border: none;
}

/* main content */
#main {
    background-color: #f8f9fa;
    display: flex;
    padding-bottom: 20px;
}
#main a {
    color: #0066B3;
    font-weight: bold;
    text-decoration: none;
}
#main ul {
    padding-left: 20px;
    margin-top: 0px;
}
#main li {
    line-height: 1.4vw;
}

/* main left column */
#main .m-left {
   text-align: left;
   vertical-align: top;
   padding: 4vh 0 0 4vh;
}
#main .m-left .title {
    color: #0066B3;
    font-weight: bold;
}
#main .m-left .title.pp {
    padding-top: 0vh;
}

/* staff */
#main .m-left .staff {
    display: flex;
    padding-top: 3vh;
}
#main .m-left .staff .s-left {
    display: inline-block;
    max-width: 110px;
    width: 30%;
}
#main .m-left .staff .s-left img {
    max-width: 100%;
    min-width: 40px;
    width: 100px;
}
#main .m-left .staff .s-right {
    display: inline-block;
    padding-left: 5%;
    width: 65%;
}
#main .m-left .staff .s-right .title {
    color: #4D4D4D;
}
#main .m-left .staff .s-right a {
    color: #0066B3;
    font-weight: normal;
}

/* main right column */
#main .m-right {
    text-align: center;
}
#main .m-right #map img {
    padding: 3vh 0;
    max-width: 95%;
}

/* portfolios */
#main .m-right #portfolios {
    width: 100%;
    display: flex;
    text-align: center;
}
#main .m-right #portfolios #p-left {
    display: inline-block;
    width:50%;
    max-width: 25vw; /* for IE 11 */
    padding-left: 10vh;
    padding-right: 0.5vh;
    float:left; /* for IE 11 */
}
#main .m-right #portfolios #p-right {
    display: inline-block;
    width:50%;
    max-width: 25vw; /* for IE 11 */
    padding-right: 3vh;
    padding-left: 0.5vh;
    float:right; /* for IE 11 */
}
#main .m-right #portfolios img {
    max-width: 100%;
    border: none;
}

/* contact us */
#main .m-right #contact {
    padding-top: 5%;
    line-height: 2;
}
#main .m-right #contact .title {
    color: #0066B3;
    font-weight: bold;
}

/* footer */
#footer {
   color: #808080;
   padding: 0px 0px 40px 0px;
   width: 100%;
   text-align: left;
   margin-top: 30px;
   background-color: #fff;
}
#footer a {
   color: #00a1e0;
   text-decoration: none;
}
#footer .f-left {
   float: left;
   margin-left: 0px;
}
#footer .f-left img {
    max-width: 10vw;
    border: none;
}
#footer .f-right {
   font-size: 1vw;
   line-height: 1.5vw;
   text-align: left;
}
#footer .f-title {
   font-size: 1.2vw;
   padding-top: 5px;
}

@media screen and (max-width: 700px) {
    #main .m-right #portfolios {
        display: inline;
    }
    #main .m-right #portfolios #p-left {
        display: inline-block;
        width:50%;
        max-width: 30vw; /* for IE 11 */
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
    #main .m-right #portfolios #p-right {
        display: inline-block;
        width:50%;
        max-width: 30vw; /* for IE 11 */
        padding-right: 0;
        padding-left: 0;
        float: none;
    }
}

@media screen and (max-width: 500px) {
    body {
        font-size: 3vw;
        line-height: 4.5vw;
    }
    #main {
        display: inline;
    }
    #main li {
        line-height: 4.5vw;
    }
    #main .m-left {
        padding: 4vh 2vh 0 2vh;
    }
    #main .m-right #map {
        padding: 3vh 0 6vh 0;
    }
    #main .m-right #portfolios #p-left {
        padding-left: 3vw;
    }
    #main .m-right #portfolios #p-right {
        padding-right: 3vw;
    }
    #main .m-right #contact {
        line-height: 3vh;
    }
    #footer {
        margin-top: 60px;
    }
    #footer .f-left img {
        max-width: 15vw;
    }
    #footer .f-right {
       font-size: 2vw;
       line-height: 2.5vw;
    }
    #footer .f-title {
       font-size: 3vw;
    }
}