/* Whole Document */          
html,body{height: 100%}
body { padding-bottom: 20px; }

/* Custom Classes */
#map {
    height: 400px;
    width:100%;
}
.blueNavRow{margin-top:75px;background-color:#336699;height:51px;overflow:visible;}
.blueNav{background-color:#336699;font-size:20px;}
.homeLogoImageDiv{margin-top:-70px;max-width:400px;margin-left:auto;margin-right:auto;}
.logoImage{background-color:#fff;margin-top:-145px;}
.aboutKaraImageDivMobile{float:right;max-width:200px;padding-left:5px;padding-bottom:5px;}
.servicesImg1{width:70%;margin-top:30px;margin-left:auto;margin-right:auto;}
.servicesSideImgs{width:130%;margin-top:40px;margin-left:15px;}
.contactKaraImg{margin-top:25px;margin-left:auto;margin-right:auto;}
.ksmBlueFooter{background-color:#336699;text-align:right;color:#fff;font-size:12px;margin-top:20px;}

/* Margin & Padding */
.pad0{padding:0px;}
.topMarg20{margin-top:20px;}
.topMarg25{margin-top:25px;}
.topMarg45{margin-top:45px;}
.topMargNeg60{margin-top:-60px;}
.topMargNeg80{margin-top:-80px;}
.marg1{margin:1px;}
.centerContent{margin-left:auto;margin-right:auto;}

/* Font Size */
.font18{font-size:18px;}
.font20{font-size:20px;}

/* Text Alignment */
.textLeft{text-align:left;}
.textCenter{text-align:center;}

/* Background Color */
.ksmBlueBackground{background-color:#336699;}
.whiteBackground{background-color:#fff;}

/* Float */
.floatRight{float:right;}
.floatLeft{float:left;}

/* Media Queries */
@media (max-width: 767px){
    .karaText{padding-top:20px;text-align: center;}
    .photoPad{padding-top:10px;padding-bottom:30px;}
    .panel-default>.panel-heading{background-color:#336699;}
    .panel-title{color:#fff;}
}
@media (min-width: 768px){
    .karaText{padding-top:0px;}
    .photoPad{padding-top:40px;padding-bottom:40px;}
    .container-fluid .jumbotron {padding:40px;}
}
@media (max-width: 991px) {
    .smPad0{padding:0px;}
    .navLeftMarg{margin-left:5px;}
    .navRightMarg{margin-left:5px;}
}
@media (min-width:992px) {
    .navLeftMarg{margin-left:20px;}
    .navRightMarg{margin-left:20px;}
    .smPad0{padding-left:15px;padding-right:15px;}
}
@media (min-width: 1450px){
    .hiddenWide{display:none;}
}
            
/*  Bootstrap Overrides */
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#204060;}
.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:#204060;}
.navbar-default{border:none;}
.panel-primary {border-color: #336699;}
.panel-primary>.panel-heading {background-color: #336699;border-color: #336699;}
.panel-title{font-size:25px;}
.panel-body{font-size:20px;}
.panel-default {border-color: #999;}
.panel-default>.panel-heading {border-color: #999;}
.jumbotron p{font-size: 18px;}