body,
html {
    font-family: "costa", sans-serif;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    color: #000;
    width: 100% !important;
    height: 100% !important;
    max-width: 1600px;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #fff;

}

html {
    scroll-behavior: smooth;
}



container {
    width: 100%;
    max-width: 1600px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin: 0 auto !important;
}

.container-fluid {

    padding-right: 0px !important;
    padding-left: 0px !important;
}

.row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow-x: hidden;
}



.navbar {
    border-bottom: ;
    margin-bottom: 10px !important;
    background-color: rgba(255, 255, 255, 1.0);
    height: 100px;

}

.dropdown {}

.navbar-brand img {
    max-height: 80px;
    margin-top: 0px;

}

.navbar-nav {

    font-weight: ;
    font-size: 18px;
}

.navbar ul {
    padding-top: 30px;
}


.navbar ul a {
    color: #1e1300;
    font-size: 18px;


}

.btn-donate {}

.btn-donate {
    background-color: red;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 00;
    margin-right: 0px;
    padding: 0px;

    border-radius: 10px;
}



a:hover {

    color: #000 !important;
}


.btn-donate a {

    color: #fff !important;

}


.dropdown li {
    padding: 10px;
    text-align: center;
}


.firstDiv {

    /* The image used */
    background-image: url("../img/SOH-pics-3.jpg");
    max-width: 100%;
    width: 100%;
    padding: 10px !important;
    /* Full height */
    height: auto;
    min-height: 600px;
    margin-top: 100px;
    /* Create the parallax scrolling effect */
    background-attachment: inherit;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 30px !important;
}

.firstDiv h1 {
    margin-top: 200px;
    color: #fff;
    font-weight: 600;
    text-align: end;
    text-shadow: 2px 2px #000;

}

.firstDiv {
    color: #fff;
    text-align: end;

}

.firstDiv a {
    margin-top: 15px;
    color: #fff;
    font-weight: 600;

}

/******************************************Owner First Div**********************************************************/
.firstDivVol {

    /* The image used */
    background-image: url("../img/SOH%20pics2.jpg");
    max-width: 100%;
    width: 100%;
    padding: 10px !important;
    /* Full height */
    height: auto;
    min-height: 400px;
    /* Create the parallax scrolling effect */
    background-attachment: inherit;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 30px !important;
}

.firstDivVol h1 {
    margin-top: 200px;
    color: #fff;
    text-shadow: 3px 3px 3px #000;
    font-weight: 600;
    text-align: center;



}

.firstDivVol {
    text-align: center;


}

.firstDivMiss {

    /* The image used */
    background-image: url("../img/SOH%20Pics11.jpg");
    max-width: 100%;
    width: 100%;
    padding: 10px !important;
    /* Full height */
    height: auto;
    min-height: 400px;
    /* Create the parallax scrolling effect */
    background-attachment: inherit;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 30px !important;
}

.firstDivMiss h1 {
    margin-top: 200px;
    color: #fff;
    text-shadow: 3px 3px 3px #000;
    font-weight: 600;
    text-align: center;



}

.firstDivMiss {
    text-align: center;


}

.spacer {
    margin: 25px;
    height: 2px;
    background-color: #fff;
}

.firstDivOwner {
    color: #fff;
    text-align: center;

}

.firstDivOwner a {
    margin-top: 15px;
    color: #fff;
    font-weight: 600;

}

.OwnerIcons svg {
    margin: 0 auto;
    padding: 60px;
}

.thirdDiv {
    background-color: red;
    padding-bottom: 50px;
}

.thirdDiv h2 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding-top: 50px;
    padding-bottom: 0px;


}

.thirdDiv p {
    font-size: 20px;
    text-align: justify;
    font-weight: 100;
    padding-top: 25px;
    color: #fff;
}

.howParagraph p {
    font-size: 20px;
    text-align: justify;
    font-weight: 100;
    padding-top: 50px;
}



.OwnerIcons h2 {

    text-align: center;
    font-weight: 600;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;


}

.servicesListDiv {
    padding-top: 25px;
}

.servicesListDiv ul {
    padding-left: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    list-style-type: none;
}

/******************************************Owner First Div**********************************************************/

/******************************************Property First Div**********************************************************/
.firstDivProperty {
    margin-top: 200px;
}

.firstDivProperty h1 {
    text-align: center;
    padding-bottom: 50px;
}

/******************************************Property First Div**********************************************************/
.secondDiv a {

    margin-top: -80px;
    position: absolute;
    height: 80px;
    line-height: 80px;
    background-color: #0038ff;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
    text-shadow: 3px 3px 3px #000;
    background: rgb(0, 56, 255);
    /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 56, 255, 0.4);


}

.propSearchDiv {
    max-width: 1920px;
}

.paymentDiv {


    margin-top: -160px !important;
    position: absolute;
    height: 160px;
    line-height: 80px;
    background-color: #0038ff;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
    text-shadow: 3px 3px 3px #000;
    background: rgb(255, 104, 1) !important;
    /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 104, 1, 0.4) !important;
    padding-bottom: 80px;



}


.thirdDiv {
    overflow: hidden;
}

.extThirdDiv {
    padding-top: 50px;
}

.homeThirdDiv img {
    padding-top: 25px;

}


.tenantDiv {
    height: 300px;
    text-align: center;
    border: 2px solid #0038ff;
    background-image: url("../img/neighborhood-20.jpg");
    background-size: cover;
    border-radius: 25px;

}

.tenantDiv h2 {
    line-height: 150px;
    opacity: 1.0 !important;
    font-weight: 600;
    font-size: 36px;
    color: rgb(0, 56, 255);
    color: rgba(0, 56, 255, 0.4);
}

.ownerDiv {
    height: 300px;
    text-align: center;
    border: 2px solid #ff6801;
    background-image: url("../img/neighborhood-above-20.jpg");
    background-size: cover;
    border-radius: 25px;
}

.ownerDiv h2 {
    line-height: 150px;
    opacity: 1.0 !important;
    font-weight: 600;
    font-size: 36px;
    color: rgb(255, 104, 1);
    color: rgba(255, 104, 1, 0.4);

}

.intDiv a:hover {

    text-decoration: none !important;
    background-color: rgb(255, 104, 1);
    background-color: rgba(255, 104, 1, 0.4);
}

.intDiv {}

.fourthDiv {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 75px;
}

.fourthDiv h3 {
    font-size: 30px;
    padding-bottom: 20px;

}

.missionSpacer {
    height: 3px;
    background-color: rgb(0, 56, 255);
    width: 17%;
    margin: 0 auto;

}

.fourthDiv h4 {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ff6801;
}



.differenceDiv {
    text-align: center;
    padding-top: 75px;
    background-image: url("../img/livingRoomWhite-10.jpg");
    padding-bottom: 75px;

}

.differenceDiv h3 {
    font-size: 30px;
    padding-bottom: 20px;

}

.differenceSpacer {
    height: 3px;
    background-color: #ff6801;
    width: 17%;
    margin: 0 auto;
}


.differenceSpacerAbout {
    height: 3px;
    background-color: #ff6801;
    width: 17%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.differenceDiv h4 {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(0, 56, 255);
    font-weight: 600;
    font-style: italic;

}

.differenceDiv p {}

.differenceDivAbout {
    text-align: center;
    padding-top: 75px;
    background-image: url("../img/livingRoomWhite-10.jpg");
    padding-bottom: 75px;


}

.differenceDivAbout h3 {
    font-size: 30px;
    padding-bottom: 50px;
    margin-top: 125px;

}

.differenceSpacer {
    height: 3px;
    background-color: #ff6801;
    width: 17%;
    margin: 0 auto;
}

.differenceDivAbout h4 {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(0, 56, 255);
    font-weight: 600;
    font-style: italic;

}

.differenceDivAbout p {}

.differenceDivLand {
    text-align: center;
    padding-top: 0px;

    padding-bottom: 75px;

}

.differenceDivLand h3 {
    font-size: 30px;
    padding-bottom: 20px;
    padding-top: 30px;
    font-weight: 600;

}

.differenceDivLand h4 {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(0, 56, 255);
    font-weight: 600;
    font-style: italic;

}

.differenceDivLand ul {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    font-weight: 600;
    list-style: none;

}

.differenceDivLand li {
    padding-top: 20px;
    padding-bottom: 20px;
}

.landingDiv {
    text-align: center;
    margin-top: 175px;
}


.whereDiv {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 75px;

}

.whereDiv h3 {
    font-size: 30px;
    padding-bottom: 20px;

}

.whereDiv h4 {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    font-weight: 600;


}

.whereList {
    list-style: none;
    font-size: 22px;
    line-height: 30px;
    padding-left: 0px !important;
}


.contactDiv {
    text-align: center;
    padding-top: 75px;

    padding-bottom: 75px;

}

.contactDiv h3 {
    font-size: 30px;
    padding-bottom: 60px;

}

.contactSpacer {
    height: 3px;
    background-color: #ff6801;
    width: 17%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.contactDiv h4 {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(0, 56, 255);
    font-weight: 600;
    font-style: italic;

}

.innerButt {
    border: 2px solid #ff6801;
    padding: 25px 100px;
    color: #000;
    font-size: 30px;


}

.innerButt2 {
    border: 2px solid #ff6801;
    padding: 25px 25px;
    color: #000;
    font-size: 30px;


}

.contactDiv a {
    width: 250px;
    height: 100px;
    color: #000;
    font-size: 36px;
}

.contactDiv a:hover {
    text-decoration: none;
}

.sevenDiv {
    border-top: 2px solid #0038ff;
    padding-top: 35px;
}

.footerPic img {
    max-height: 175px;
    margin: 0 auto;
    margin-top: 45px;
}

.rightFoot {
    text-align: end;
    font-size: 18px;
    font-weight: 600;
}

.footerText li {
    font-size: 18px;
    font-weight: 100;
    color: #000 !important;
    text-decoration: none !important;
    list-style-type: none;
}

.footerText li a {
    color: #000;
}

.footerText h3 {
    padding-left: 40px;
    font-weight: 600;
}

.mobileOnly {
    position: fixed;
    background-color: #fff;
    bottom: 0;
    text-align: center;
    padding: 15px;
    border-top: 2px #0038ff solid;
    color: #0038ff !important;

}

.mobileOnly a {
    color: #0038ff !important;
    font-weight: 600;
    font-size: 12px !imporant;
    margin: 0 auto !important;
    padding-top: 15px;
}

.mobileOnly2 a {
    color: #fff !important;
    font-weight: 600;
    font-size: 12px !imporant;
    margin: 0 auto !important;
    padding-top: 10px;
}

.upperMobileOnly {
    padding-bottom: 20px;
    color: #000 !important;


}

.contactRow h1 {
    margin-top: 200px;
    text-align: center;
    padding-bottom: 50px;
}

.mapFrame {
    width: 100%;
    height: 450px;
}

.socialIcons {

    position: fixed;
    right: 15px;
    bottom: 30px;
}

.socialIcons ul {
    list-style: none;
}

.socialIcons svg {
    max-height: 35px;
    margin-bottom: 10px;

}

.footerSocials img {
    max-height: 30px;
}

.contactSocials {
    padding-bottom: 100px;
}

.contactSocials img {
    max-height: 30px;
    text-align: center;
}

.contactSocials h3 {
    text-align: center;
}

.contactSocials ul {
    padding-left: ;
}

.contactForm {
    text-align: center;
    font-size: 16px;

}

.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    border: 0px !Important;
}

.maintenanceDiv {
    margin-top: 200px;
    text-align: center;
    padding-bottom: 50px;
}

.mainDivImage {
    margin-bottom: 50px;
}

.maintenanceDiv h1 {
    padding-bottom: 50px;
}

.maintenanceDiv {
    padding-bottom: 50px;
}


.maintenanceDivIcon img {
    max-height: 100px;
    margin: 0 auto;
}

.maintenanceDivIcon h2 {
    font-size: 22px;
    margin-bottom: 50px !important;

}

.reviewDiv h1 {
    margin-top: 200px;
    text-align: center;
    padding-bottom: 50px;
}

.bigPic img {
     !important;

}

.servicesList li {
    list-style: ;
    font-size: 18px;
    line-height: 28px;
    padding-left: 0px !important;
}

.servicesList {
    padding-left: 0px !important;
}



p {
    font-size: 18px;
}

.multifamilyList li {
    font-size: 18px;
    list-style: none;
}

.panel {
    cursor: pointer;
}

.bioPick {
    max-height: 200px;
    margin: 0 auto;
    margin-top: 50px;
}

.bioDiv p {
    font-size: 14px;
}

.bioDiv h4 {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(0, 56, 255);
    font-weight: 600;
    font-style: italic;

}

.pagesDiv {
    font-size: 30px;
    text-align: center;

}

.pagesDiv a {
    margin: 10px;

}

@media (max-width: 1000px) and (min-width: 768px) {}


@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }


}

@media screen and (max-width: 600px) {
    .dropdown {
        background-color: #fff;
    }

    .dropdown-toggle ul {
        background-color: #fff !important;
    }

    .navbar ul a {
        background-color: #fff !important;
        color:#000 !important;
        font-size: 14px;

    }

    .firstDivProperty {
        margin-top: 50px;
    }

    .contactSocials ul {
        padding-left: 0%;
    }


    .navbar {

        margin-bottom: 5px !important;
        background-color: #fff !important;
        height: auto;


    }

    .navbar-brand img {
        max-height: 45px;
        margin-top: -12px;

    }

    .navbar-nav {

        font-weight: 600;
        font-size: 18px;
    }

    .navbar ul li {
        color: #000 !important;
        text-align: end;
    }

    .nav dropdown {
        background-color: #fff !important;

    }

    .firstDiv h1 {
        margin-top: 90px;

    }

    .firstDiv a {
        font-size: 14px;
    }

    .secondDiv a {
        font-size: 22px;
    }

    .intDiv {
        margin-bottom: 50px;
    }

    .whereList {
        padding-left: 0px !important;
    }

    .contactButtDiv {
        border: 2px solid #ff6801;
        padding: 25px 125px;
        color: #000;
        font-size: 22px;
        margin-bottom: 50px;



    }

    .contactButtDiv {
        border: 2px solid #ff6801;
        padding: 25px 25px;
        color: #000;
        font-size: 22px;
        border-radius: 25px !important;

    }

    .contactButtDiv a {
        width: auto;
        height: auto;
        color: #000;
        font-size: 22px;
    }

    .innerButt {
        border: 0px solid #ff6801;
        padding: 25px 125px;
        color: #000;
        font-size: 30px;


    }

    .innerButt2 {
        border: 0px solid #ff6801;
        padding: 25px 25px;
        color: #000;
        font-size: 30px;


    }

    .sevenDiv {
        margin-bottom: 150px;
        text-align: center !important;
    }

    .rightFoot {
        text-align: center;
        padding: 0px;
    }

    .sevenDiv h3 {
        padding: 0px;
    }

    .sevenDiv ul {
        padding-left: 0px;
    }

    .mobileOnly {
        position: fixed;
        background-color: #fff;
        bottom: 0;
        text-align: center;
        padding: 15px;
        border-top: 2px #0038ff solid;
        color: #0038ff !important;

    }

    .mobileOnly a {
        color: #0038ff !important;
        font-weight: 600;
        font-size: 20px;
        margin: 0 auto !important;
        padding-top: 15px;
    }

    .mobileOnly2 a {
        color: #fff !important;
        font-weight: 600;
        font-size: 10px !important;
        margin: 0 auto !important;
        padding-top: 10px;
        text-align: center;
    }

    .upperMobileOnly {
        padding-bottom: 20px;
        color: #000 !important;


    }

    .contactRow h1 {
        margin-top: 100px;
        text-align: center;
        padding-bottom: 50px;
    }


    .maintenanceDiv {
        margin-top: 110px;
        text-align: center;
        padding-bottom: 50px;
    }

    .maintenanceDivIcon img {
        max-height: 100px;
        margin: 0 auto;
    }

    .maintenanceDivIcon h2 {
        font-size: 22px;

    }

    .landingDiv h1 {
        margin-top: 90px !important;
    }

    .btn-donate {
        background-color: red !important;
        color: red !important;
        font-size: 16px !important;
        font-weight: 400;
        margin-right: 0px;
        padding: 0px;

        border-radius: 0px !important;
    }



 


}