﻿.aboutUs h1,.aboutUs h2,.aboutUs h3,.aboutUs h4,.aboutUs h5,.aboutUs p
{
    width:83%;
    padding-left:6.5%;
    padding-right:6.5%;
}
.aboutUs table{max-width:83%;padding-left:6.5%;padding-right:6.5%;display:block;font-size: 18px;}
.blog-content{padding-bottom:25px;}
.aboutUs .col.span-12{margin:0;}
.aboutUs .col.span-12:first-child{margin-top:0;}
.footerMenu ul {margin-left:0;}
.footerMenu ul li {list-style:none;}
.footerMenu ul li:after{content:'';clear:both;display:block;}
.footerMenuItem {width:50%;overflow:hidden;float:left;}
.footerMenu .porthole-image{max-width:510px;}
.footerMenuItemText{float:left;width:50%;}
.footerMenuItemText h3 a{font-size: 30px;font-family: ChevinPro;color: #604644;font-weight:bold;}
.footerMenuItemTextInner {width:100%;margin:0 auto;}
.aboutUs .footerMenuItemTextInner p, .aboutUs .footerMenuItemTextInner h3{width:100%;padding:0;}
.actionButton{    font-size: 18px;
    line-height: 24px;
    background: #5DBDCB;
    padding: 5px 25px;
    color: #fff;
    min-width: 100px;
    display: inline-block;
    text-align: center;
    cursor:pointer;
}

.quoteImageStreet{width:100%;}
.streetWrapper{width: 17%;margin-top: -50px; margin-bottom: -50px; float: left;}
.quotesWrapper{width:80%;float:left;padding-bottom:15px;}
.quotesWrapperInner{padding-left:10%;width:85%;}
img.quote{max-width: 140px;margin-top: 50px;width: 17%;}
.footerMenu ul li:nth-child(even) .footerMenuItem {float:right;}

.propMan .footerMenuItemTextInner{margin:auto;width: 270px;margin-top:25%}
.propMan .footerMenu .porthole-image img{max-width:519px;max-height:519px;}
.propMan .footerMenuItem{width:50%;}
.black{color:#000 !important;}

.aboutUs h1 {line-height:72px;font-size:60px;margin-bottom:30px;color:#604644;}
.aboutUs .intro{line-height:30px;font-size:24px;color:#604644;display:block;}
.aboutUs .quote{font-size:24px;line-height:30px;color:#5DBDCB;margin-top:30px;margin-bottom:10px; display:block;}
.aboutUs .quoteSignature{color:#000;font-size:24px;line-height:30px;margin-top:30px;display:block;}
.aboutUs .caption {font-size:14px;}

.menuItems{float: right;font-size: 1.4rem;line-height: 2.5em;padding-bottom:20px;}
a.menuItem{display: block;font-weight:normal;background:#5dbdcb; float: left; padding: 0 1em; color: #fff; font-size: 1.4rem;margin-bottom: .5em;margin-left: .5em;}
.menuItem.Active{text-decoration:underline;}

.imagePairWrapper{margin-bottom:15px;float:left;max-width:100%;margin-top:25px;}
.image-wrapper-full {max-width: 100%;margin-bottom:30px;}
.image-wrapper-half {width: 48%; float: left; margin-right: 4%;}
.image-wrapper-half:nth-child(even) {margin-right:0;}
.menuItems h2{float:left;width:auto;padding:0;}
.bigImg
{
    height:780px;
}

.friends 
{   overflow: auto;
    margin-bottom: 50px;
}
.friends img{float:left; padding-right:2%;}
.friends a{display:block;}
.friends p{clear:both;}
   
.cms-body-chunks.our-friends{clear:both;}
.clearfix:after{clear:both;}


@media only screen and (max-width:1200px)
{
    .streetWrapper{margin-top:0;}
}
@media only screen and (max-height:970px) 
{
    .bigImg { height:680px; }
}

@media only screen and (max-height:850px) 
{
    .bigImg{ height:580px;}
    
}

@media only screen and (max-width:800px) 
{
    .bigImg { height:480px; }
    .image-wrapper-half{width:90%;display:block;margin:5%;}
    .quotesWrapper{width:90%;padding-bottom:30px;}
    .quotesWrapperInner{padding-left:20%;width:auto;}
    .menuItems h2{display:block;float:none;}
    .footerMenu ul li {margin-bottom:25px;}
}

@media only screen and (max-width:600px) 
{
    .propMan .footerMenuItem,.footerMenuItemText{float:none;width:100%;display:block;}
    .propMan .footerMenuItemText{padding-top:0;}
    .propMan .footerMenuItemTextInner{width:100%;margin:0 auto;padding:0;text-align:center;}
    .footerMenu .porthole-image{width:519px;margin:0 auto;}
    .footerMenu .porthole-image{max-height:519px;}
}
@media only screen and (min-height:450px) and (max-width: 800px)
{
    .bigImg { height:380px; }
}

@media only screen and (min-height:550px) and (max-width: 800px)
{
    .bigImg { height:430px; }
}

@media only screen and (min-height:650px) and (max-width: 800px)
{
    .bigImg { height:530px; }
}

