/* Large Desktop ---------------------------------------------------*/
@media screen and (min-width: 1551px) {

#homepageDescription1 div.inner, #homepageDescription2 div.inner { padding: 120px 160px;}
#homepageSlideshow .slideshow .caption { font-size:50%; }

}


/* Medium-Large Desktop ---------------------------------------------------*/
@media screen and (min-width: 1401px) and (max-width: 1550px) {

#logo { width: 250px;}
#mainMenu { left: 255px;}
#mainMenu>ul>li {  }
#mainMenu>ul>li>a { font-size: 18px;}
#homepageSlideshow { height: 650px; }
.headerSocial a.socialLink, .footerSocial a.socialLink { margin: 0 6px; }

}

/* Medium Desktop ---------------------------------------------------*/
@media screen and (min-width: 1101px) and (max-width: 1400px) {

#logo { width: 300px;}
#mainMenu {left: 310px; right: 175px;}
#mainMenu>ul>li { margin-left: 30px;}
#homepageSlideshow { height: 720px; }
#whatWeDoBoxes .box.linkBox .boxDescription { font-size: 20px; line-height: 30px;}
.teamMember { height: 250px;}
.memberName { font-size: 20px; line-height: 30px;}
.memberInfo { top: 180px;}
.memberTitle { font-size: 20px; margin-bottom: 10px;}
.headerSocial a.socialLink, .footerSocial a.socialLink { margin: 0 3px; width: 50px; height: 50px; line-height: 50px;}

}

/* Smaller Desktop ---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1100px) {

#logo { width: 300px;}
#mainMenu {left: 310px; right: 175px;}
#mainMenu>ul>li { margin-left: 15px;}
#homepageSlideshow { height: 720px; }
.featureBox { width: 50%; margin-bottom: 20px;}
#whatWeDoBoxes .box { width: 50%; }
#whatWeDoBoxes .box.linkBox .boxDescription { font-size: 20px; line-height: 30px;}
.teamMember { height: 250px;}
.memberName { font-size: 20px; line-height: 30px;}
.memberInfo { top: 180px;}
.memberTitle { font-size: 20px; margin-bottom: 10px;}
.headerSocial a.socialLink, .footerSocial a.socialLink { margin: 0 3px; width: 50px; height: 50px; line-height: 50px;}

}


/* Tablet ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 1024px) {

body { font-size: 15px; }

#logo { width: 250px; top: 30px;}
#phone { top: 55px;}
#mainMenu {left: 260px; right: 140px; top: 45px;}
#mainMenu>ul>li { margin-left: 15px;}
#homepageSlideshow { height: 720px; }
#homepageSlideshow .slideshow .caption { font-size: 40%;}
#homepageDescription1, #homepageDescription2 { float: none; width: 100%; height: auto !important;}
#homePartners, #homeContact { float: none; width: auto; max-width: 700px; margin: 0 auto 20px;}
.featureBox { width: 50%; margin-bottom: 20px;}
#whatWeDoBoxes .box { width: 50%; }
#whatWeDoBoxes .box.linkBox .cover { background: rgba(31,84,137, 0.75); }
#whatWeDoBoxes .box.linkBox .boxDescription { padding-top:0px; font-size: 18px; line-height: 30px;}
#whatWeDoBoxes .box.linkBox .moreButton { opacity: 1;}
.teamMember { height: 250px;}
.teamMember .cover { background: rgba(31,84,137, 0.75);}
.teamMember .memberInfo { top: 35px !important;}
.memberSocial { opacity: 1;}
.memberName { font-size: 20px; line-height: 30px;}
.memberInfo { top: 180px;}
.memberTitle { font-size: 20px; margin-bottom: 10px;}
.headerSocial a.socialLink, .footerSocial a.socialLink { margin: 0 3px; width: 50px; height: 50px; line-height: 50px;}

#content img { max-width: 100% !important; height: auto !important; }

}

/* Tablet Incremental Scaling ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 959px) { #mainMenu { left: 207px; } header #logo { top: 0; width: 200px; } #mainMenu>ul>li>a { font-size: 15px;} #mainMenu>ul>li { margin-left: 5px;} #homepageSlideshow { height: 500px; }#homepageSlideshow .slideshow .text { top: 32%; } a.socialLink {width: 30px; height: 30px; line-height: 30px;}  a.socialLink span { font-size:15px !important; line-height: 30px !important; } }
@media screen and (min-width: 960px) and (max-width: 1024px) { }


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {

#mainMenu, #phone, .headerSocial, #siteSearch { display: none !important; }
#mobileMenu, #menuToggle { display: block; }

.unfloat { display: block; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding: 0px; float: none !important; clear: both; }

body { font-size: 15px; }

h1 { font-size: 30px; line-height: 1.3;}
h2 { font-size: 26px; line-height: 1.3;}

table, tbody, tr, th, td { display:block; width:auto !important; height:auto !important; }

#content h2.subTitle { margin-top: -15px;}

header {position: fixed; top:0px !important; left:0px; background: #fff; height: 55px !important; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11);}
#logo { width: 100px !important; height: 35px !important; top: 10px; left: 60px; right: auto; background: url(graphics/design/urisa_logo_blue.png) left 50% no-repeat; background-size:contain !important; }
#siteSearch { top:10px; }
#phone { top: 55px;}
#mainMenu {left: 260px; right: 140px; top: 45px;}
#mainMenu>ul>li { margin-left: 15px;}
#homepageSlideshow { height: 350px; }
#homepageSlideshow .slideshow .text { top: 90px; left: 15px right: 15px; }
#homepageSlideshow .slideshow .caption { font-size: 26%;}
#homepageDescription1, #homepageDescription2 { float: none; width: 100%; height: auto !important;}
#homepageDescription1 div.inner, #homepageDescription2 div.inner { padding: 50px 20px;}
#homepageDescription1 p { font-size: 26px; line-height: 1.5; }
.featureBox { width: 50%; margin-bottom: 20px;}
#whatWeDoBoxes .box { width: 100%; height: 300px !important; }
#whatWeDoBoxes .box.linkBox .cover { background: rgba(31,84,137, 0.75); }
#whatWeDoBoxes .box.linkBox .boxDescription { padding-top:0px; font-size: 18px; line-height: 30px;}
#whatWeDoBoxes .box.linkBox .moreButton { opacity: 1;}

#homePartners, #homeContact { float: none; width: 95%; max-width: 700px; margin: 0 auto 20px;}
.home_form fieldset { border: none; padding: 0 12px; margin:0; }
.home_form input[type="text"] { border:2px solid #fff !important; margin: 0 0px 10px; padding: 8px 8px; float:none; width: 100%; box-sizing: border-box; }
.home_form input[type="submit"] { float: none; width: 100%; border:2px solid #fff !important;  margin: 0 0 10px; box-sizing: border-box; }

.footer_form fieldset { border: none; padding: 0 12px; margin:0; }
.footer_form input[type="text"],.footer_form  textarea { border:2px solid #65b4fe !important; margin: 0 0px 10px; padding: 8px 8px; float:none; width: 100%; box-sizing: border-box; }

.quickStatBox { width: 100%; float:none;}
.teamMember { height: 300px; width: 50%;}
.teamMember .cover { background: rgba(31,84,137, 0.75);}
.teamMember .memberInfo { top: 35px !important;}
.memberSocial { opacity: 1;}
.memberName { font-size: 20px; line-height: 30px;}
.memberInfo { top: 180px;}
.memberTitle { font-size: 20px; margin-bottom: 10px;}
#footerIcons .footerIcon { width: 100%; float:none; margin-bottom: 20px;}
.footerSocial { margin-top:0; }
.headerSocial a.socialLink, .footerSocial a.socialLink { margin: 0 3px; width: 50px; height: 50px; line-height: 50px;}

#content { padding-right:20px; }
#content img { max-width: 100% !important; height: auto !important; }
#sidebar { position:static; width:auto; }
}



/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 400px) { .featureBox { width: 100%; } .teamMember { width: 100%; float:none; } #homepageSlideshow .slideshow .caption { font-size: 22px; line-height: 28px; } }
@media screen and (min-width: 401px) and (max-width: 529px) { .featureBox { width: 100%; } .teamMember { width: 100%; float:none; } }
@media screen and (min-width: 530px) and (max-width: 749px) { }