body {
    position:relative;
    z-index:-3;
}

/*BOOTSTRAP NAVBAR OVERRIDES*/

.navbar-brand-custom {
    padding:5px 15px;
}

.sws-logo {
    height:40px;
}
.navbar-custom {
    background-color:white;
    box-shadow:0 5px 10px 0 rgba(36,50,56,0.25);
}
.navbar-custom .navbar-nav-custom>li>a {
    font-weight:700;
    transition:0.3s all ease;
}
.navbar-custom .navbar-nav-custom>li>a.link-a {
    color:#5A6169;
}
.navbar-custom .navbar-nav-custom>li>a.link-a:hover,
.navbar-custom .navbar-nav-custom>li>a.link-a:focus {
    color:#67baf4;
}
.navbar-custom .navbar-nav-custom>li>a.link-b {
    color:#67baf4;
}
.navbar-custom .navbar-nav-custom>li>a.link-b:hover,
.navbar-custom .navbar-nav-custom>li>a.link-b:focus {
    color:#5A6169;
}

.navbar-custom .navbar-toggle {
    border-color:#ddd
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:hover {
    border-color:#ddd;
    background-color:#ddd;
}
.navbar-custom .icon-bar {
    background-color:#888;
}
.navbar-text {
    color:#5A6169;
    font-weight:600;
}
.navbar-text>.phone-number {
    color:red;
    font-weight:800;
}

@media (min-width:768px) {
    .navbar-nav-custom>li>a,
    .navbar-text {
        line-height:70px;
        font-size:16px;
    }
    .navbar-nav-custom>li>a:focus,
    .navbar-nav-custom>li>a:hover {
        background-color:transparent;
    }
    .navbar-brand-custom {
        height:auto;
        padding:10px;
    }
    
    .sws-logo {
        height:80px;
    }
}

/*ABOUT*/
.about {
    margin-top:50px;
    background-image:url("img/swsfront.png");
    background-size:auto 100%;
    background-attachment: fixed;
    background-repeat:no-repeat;
    position:relative;
    z-index:-2;
}

.about-darkening-canvas {
    background-color:black;
    opacity:0.5;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}

.about-title {
    font-size:36px;
    color:white;
    margin-top:10vh;
    font-weight:900;
}
.about-title>.thin {
    font-weight:100;
}
.about-description {
    font-size:18px;
    color:white;
    margin:5vh 0;
}
.about-piam-img {
    height:48px;
}
.about-piam {
    font-size:18px;
    color:green;
    margin-bottom:10vh;
}

@media (min-width:768px) {
    .about {
        margin-top:200px;
    }
    .about-title {
        margin-top:20vh;
        font-size:48px;
    }
    .about-description {
        font-size:24px;
    }
    .about-piam {
        font-size:24px;
    }
    .about-piam-img {
        height:auto;
    }
    .about-piam {
        margin-bottom:20vh;
    }
}

@media (min-width:1200px) {
    .about {
        margin-top:100px; 
        background-size:100%;
    }
}

/*INSURERS*/
.insurers {
    margin:30px 0;
}
.section-title {
    text-align:center;
    margin:70px 0;
    position:relative;
}
.section-title:after {
    content:"";
    position:absolute;
    margin:0 auto;
    width:30px;
    height:2px;
    left:50%;
    bottom:-20px;
    background-color:#333;
}

/*SERVICES*/
.services {
    background-image:url("img/office.jpg");
    background-size:auto 100%;
    background-attachment: fixed;
    background-repeat:no-repeat;
    position:relative;
    z-index:-2;
    
}
.services-darkening-canvas {
    background-color:white;
    opacity:0.7;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.services-flex-container {
    display:flex;
    flex-wrap:wrap;
}
.services-flex-item {
    flex:0 1 100px;
    margin:20px 30px;
    width:100px;
}
.services-flex-item p {
    text-align:center;
    color:#5A6169;
    margin-top:10px;
    font-weight:700;
    font-size:16px;
}
@media (min-width:768px) {
    .services {
        background-size:100%;
    }
    .services-flex-item {
        margin:30px 40px;
    }
}

/*CONTACT*/
.contact {
    margin-bottom:70px;
}
.contact-map,
.contact-map-container {
    border-radius:20px;
    
}
.contact-map-container {
    box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
}
.contact-address {
    font-size:16px;
}
.contact-logo {
    width:55px;
    max-width:70px;
    margin:0 auto;
    display:block;
}

.contact-form {
    width:100%;
    height:891px;/*based on googleform*/
    border:none;
}

@media (min-width:768px) {
    .contact-address {
        margin-top:40px;
    }
    .contact-logo {
        width:auto;
    }
    
}
/*FOOTER*/
.footer {
    background-color:#333;
    color:white;
    text-align:center;
    font-weight:200;
    
}
.footer small {
    height:60px;
    display:block;
    line-height:60px;
}

