body, p, h1, h2, h3, h4, h5, ul, li, a {
    padding: 0;
    margin: 0;
    line-height: 1.5em;
}
h1, h2, h3 {
    font-family: 'Merriweather', serif;
}
ul li{
    list-style-type: none;
    display: inline;
}
.header{
    float: left;
    width: 100%;
    background-color: #fff;
}
.main-container1 {
    padding: 0 5%;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 40px
}
.main-container1 {

    padding: 0 5%;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 40px
}
.main-container{
    max-width: 1250px;
    padding: 0 2%;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 40px
}
.more{
    padding-top: 40px!important;
    padding-bottom: 80px!important;
    max-width: 1100px!important;
}
.logo img{
    max-width: 180px;
}
.sec{
    width: 28%;
    float: left;
    margin: 10px 2.66%;
}
.sec img{
    float: left;
    width: 100%;
}
.sec h4{
    font-weight:600;
    font-size: 17pt;
    color:#58585a;
    margin: 20px 0;
    text-align: center;
}
.logo{
    float: left;
    width: 30%;
    margin: 10px 0;
}
.wrap{
    float: left;
    width: 100%;
}
.space{
    padding-top: 80px;
    padding-bottom: 80px;
}
.space h1{
    text-align: center;
    margin-bottom: 50PX;
    font-weight: 600
}
.hero{
    margin: 0 auto;
    max-width: 1200px;
    min-height: 750px;
    width: 100%;
    overflow: auto;
   // background-repeat: no-repeat;
   //ackground-color: #fff;
    //background-image: url('../Images/sonja-hero.jpg');
   // background-position-x: 70%;
   // background-position-y: 50%;
}
.contact {

     background-repeat: no-repeat;
    background-color: #fff;
    background-image: url('../Images/contact.jpg');
     background-position-x: 70%;
     background-position-y: 0%;
}
.right1{
    float: right;
}



.c-b{
    display: block;
}
.c-s{
    display: none;
}
.hero2 {
    margin: 0 auto;
    min-height: 500px;
    width: 100%;
}
.service-box{
    padding: 0 5%;
    overflow:auto;
    margin: 0 auto;
    max-width: 1024px;
}
.s-row{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.sm-box{
    width: 40%;
    text-align: left;
    float:left;
    min-height: 130px;
}
.sm-box:last-child{
    float: right;
}
.hero3 {
    margin: 0 auto;
    min-height: 300px;
    width: 100%;
}
.hero3 h3 {
    text-align: center;
    font-size: 40pt;
    padding-top: 100px;
    font-weight: 600;
}
.hero4 {
    margin: 0 auto;
    min-height: 100px;
    width: 100%;
}
.hero4 h3 {
    text-align: center;
    font-size: 40pt;
    padding-top: 100px;
    font-weight: 600;
}
.contact-form{
    max-width: 600px;
    margin: 0 auto;
    float: none;
    width: 100%;
}
.hero2 h3{
    text-align: center;
    font-size: 40pt;
    padding-top: 150pt;
    font-weight: 600;
}
.section-c {
    margin: 0 auto;
    max-width: 1200px;
    min-height: 500px;
    width: 100%;  
}
.section-main{
    width: 60%;
    float: right;
}
.section-main1 {
    width: 60%;
    float: left;
}
.section-main p{
    font-size: 12pt;
    line-height: 1.5em;
}
.scripture {
    text-align: center;
    padding: 80px 2%;
    color: #fff;
    line-height: 1.5em;
    color:#505050;  
    font-size: 16pt
}
.scripture p{
    margin: 0 auto;
    max-width: 600px; 
}
.about{
    text-align: center;
    min-height: 500px;
    padding: 80px 2%;
    color: #fff;
    line-height: 1.5em;
}
    .about h2 {        
        font-size: 34pt!important;
        color: #ead6e9;
    }
.about p{
    margin-top: 20px;
    font-size: 14pt;
    color: #ead6e9;
    line-height: 2em;
}
.left-sec {
    width: 35%;
    float: right;
}
.about-img{
    width:38%;
    
    float: left;
    text-align: center;
    font-weight: 600;
    
}
    .about-img img {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
.nav-box{
    float: left;
    width: 70%;
    margin-top: 10px;
    text-align: right;
}
.social{
    float: right;
    width: 100%;
    margin-bottom: 15px;
}
    .social a {
        color: #a45398;
        margin: 0 5px;
        font-size: 16pt;
    }
.nav {
    width: 100%;
}
nav ul li{
    display: inline-block;
}
.section{
    padding: 40px 0;
}
nav a {
    color: #58585a !important;
    //color:#a45398 !important;
    text-decoration: none !important;
    display: block;

    padding: 5px 25px;
    font-family: 'Merriweather', serif;
    background-color: rgba(255, 255, 255, 0.00);
}
    nav a:hover {
       // color: #fafafa;
        text-decoration: none;
    }
    .section-1{
        width: 49%;
        float: left;
    }
.section-l {
    width: 55%;
    float: left;
    border-radius: 10px;
    min-height: 500px;
}
.section-r {
    width: 40%;
    float: right;
    border-radius: 10px;
    min-height: 500px;
}
.img-3{
    width: 33.333%;
    height: 460px;
    float: left;
}
.img1{
    background-image: url("../Images/Sonja_Coleman.jpg");
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}
.img2 {
    background-image: url("../Images/sonja-radio.jpg");
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}
.img3 {
    background-image: url("../Images/family.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.img6 {
    background-image: url("../Images/kids.jpg");
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}

.img4 {
    background-image: url("../Images/sonja-church.jpg");
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}

.img5 {
    background-image: url("../Images/charity.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-1 {
    width: 49.5%;
    float: left;
    border-radius: 10px;
    min-height: 500px;
}
.section-l h2{
    font-size: 35pt;
    font-weight: 600;
}
.twitter {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    overflow-y: scroll;
    max-height: 270px
}
.tw1 {
    background-color: #fff;
    border-radius: 4px;
    float: left
}
tw1 {
    width: 45%;
    margin-right: 10%;
    padding: 10px 2% 5%
}
    .tw1 h3 {
        color: #1da1f2;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #1da1f2
    }
.full{
    min-height: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 2%;
    max-width: 1100px;
    overflow: auto;
    background-color: red;
}
.ministry {
    background-image: url('../Images/sonja_events.jpg');
    background-position-x: 50%;
    background-position-y: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.word {
    background-image: url('../Images/Sonja-word.jpg');
    background-position-x: 50%;
    background-position-y: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.bible {
    background-image: url('../Images/bible.jpg');
    background-position-x: 50%;
    background-position-y: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.section-sub {
    width: 100%;
    float: left;
    min-height: 245px;
    margin-bottom: 10px;
    background-color: #Fafafa;
}
.section-1:last-child {
    width: 49.5%;
    float: right;
}
.wrap{
    float: left;
    width: 100%;
}
.speak {
    float: left;
    width: 100%;
    max-width: 300px;
    padding: 15px;
}
.foot-r ul li{
    list-style-type: none;
    display: inline-block;
    margin-left: 15px;
}
.foot-r ul li i{
    color: #a45398;
    font-size: 22pt;
}
.foot-l{
    width: 50%;
    float: left;
    color: #fafafa
}
.foot-r{
width: 50%;
text-align: right;
float: left;
}
.mobile-bars {
    display: none;
    float: right;
    margin-top: 14px;
    color: #a45398;
    font-size: 26pt;
    cursor: pointer;
    margin-right: 15px;
}
.con{
    margin-left: 20%;
}
.con h1{
    font-size: 40pt;
    font-weight: 600;
}
.con h2{
    font-weight: 600!important;
    color: #fafafa;

}
    .con-sec{
        float:left;
        width:33.33%;
        margin-bottom: 60px;
    }
        .con-sec h3, .con-sec p {
            display: block;
            width: 100%;
            float: left;
        }
    .con h3, .con h4 {
        color: #e3e3e3;
    }
.twitter-social{
    padding-top: 120px;
}
.call{
    color: #fafafa!important;
    font-size: 17pt;
    background-color: #ed008c;
    padding: 15px 40px;
}
.con-wrap {
    float: left;
    width: 100%;
    min-height: 800px;
    background-color: #fafafa;
    padding: 100px 5%;
}
.confirmation-msg i {
    color: #106b02;
}

.confirmation h2 {
    font-size: 18pt;
    color: #106b02;
    margin: 0;
    text-align: center;
}

.confirmation p {
    text-align: center;
    line-height: 1.5em;
    font-size: 11pt;
}

.confirmation-social {
    text-align: center;
    margin: 0 auto;
}

    .confirmation-social ul {
    }

    .confirmation-social h3 {
        margin-top: 50px;
        font-size: 18pt;
        margin-bottom: 10px;
    }

    .confirmation-social ul li {
        margin-right: 15px;
        display: inline-block !important;
    }

        .confirmation-social ul li a i {
            background-color: #fff;
        }

@media screen and (min-width:140px) and (max-width:750px) {
   .abt .about-img{
        width: 100%!important;
        max-width: 260px;
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .left-sec {
        width: 100%;
        float: left;
        margin-bottom: 40px;
    }
   .new-img{
       width:100%;
       margin-bottom: 40px;
   }
    .right1 {
        margin-top: 20px;
        float: left;
    }
    .con {
        margin-left: 4%;
    }
    .con-sec {
        width: 100%;
        text-align: center;
    }
    .section-main, .section-main1 {
        width: 100%;
        float: left;

    }
    .logo img{
        max-width: 100px!important;
    }
    .nav-box {
        margin-top: 0px;

    }
    .c-s {
        display: block;
    }

    .c-b {
        display: none;
    }
    .space {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .space h1 {
            margin-bottom: 30PX;
        }
        .speak{
            max-width:100%
        }
    .hero2{
        min-height: 250px;
    }
    .hero2 h3{
        padding-top:100px;
        font-size: 25pt;
    }
    .section-1 {
        width: 100%!important;
        margin-bottom: 10px;
    }
    nav ul{
        display: none;
    }
    .nav-expanded {
        display: block;
    }
    .logo{
        margin: 10px 0;
        margin-left: 15px;
    }
    .logo img{
        max-width: 200px;
    }
    .sec {
        width: 100%;
        margin: 10px 0%;
        text-align: center;
        margin-bottom: 40px
    }
    .sec img{
        max-width: 240PX;
        float:none;
 
        text-align: center;
    }
    .main-container{
        padding: 40px 5%!important;
    }
    .section-l {
        width: 100%;
        min-height: initial;
        padding-bottom: 40px;
    }
     .section-l h2{
         font-size: 25pt;
     }
     .section-r{
         width: 100%;
         min-height: initial;
     }
    .about {
        padding: 40px 4%;
        line-height: 1.2em;
        min-height: initial;
    }

        .about h2 {
            font-size: 25pt !important;
            color: #ead6e9;
        }

        .about p {
            font-size: 11pt;
            line-height: 1.5em;
        }
    nav ul li{
        display: block;
        width: 100%;
        text-align: left;
    }
    nav a {
        padding: 15px 0 15px 15px;
        cursor: pointer;
    }
    .nav-box{
        width: 100%;
        border-top: 1px solid #7586a3
    }
    .social{
        display: none;
    }
    .mobile-bars {
        display: block;
    }
    .mobile-header{
        padding: 0;
    }
    .foot-l, .foot-r{
        width:100%
    }
    .foot-r{
        margin-top: 30px;
        text-align:center
    }
    .bl{
        padding-top:0!important;
    }
}