@charset "utf-8";
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
}

/* CSS Document */

#container {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    /* [disabled]position: relative; */
    margin-right: 0px;
    margin-left: 0px;
    display: inline-block;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #666666;
    line-height: 25px;
    height: auto;
}
/* CSS Document */

#container p ul  {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #666666;
    /* [disabled]max-width: 1.3em; */
    max-height: 25px;
    line-height: 25px;
}


#container #banner {
    width: 100%;
    display: inline-block;
    height: 430px;
    float: right;
    /* [disabled]margin-top: 80px; */
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-position: center 18%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: -2;
    padding-top: 0px;
    background-image: url(../images/55576666_402596647139461_7543393010633932800_n-2.jpg);
}

#container #banner img {
    width: 100%;
    height: auto;
    display: block;
    /* [disabled]z-index: -2; */
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    /* [disabled]min-width: 424px; */
}


#banner #ministryLogo {
    height: auto;
    display: block;
    width: 12%;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: right 0%;
    background-size: contain;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 10%;
    margin-top: 150px;
    background-color: hsla(0,0%,100%,0.71);
    min-width: 120px;
    position: absolute;
}
#banner #ministryLogo #logotype {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#container #social-media {
    background-color: #C7464F;
    width: 100%;
    height: 60px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
}
#container #social-media #facebook {
    width: 40px;
    height: 40px;
    margin-right: auto;
    margin-top: 10px;
    display: block;
    margin-left: auto;
}
#container #social-media #facebook #FB-logo {
    width: 40px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
}
#container #social-media #facebook #FB-logo:hover  {
    width: 38px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
}
#container #content .boxContainer {
    width: 80%;
    height: auto;
    display: inline-block;
    margin-top: 60px;
    margin-right: 10%;
    margin-bottom: 0px;
    margin-left: 10%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


#container #content {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 2%;
    color: #4A4A4A;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#container #content img {
    width: 100%;
    height: auto;
    display: block;
}

#container #content p {
    display: inline-block;
    width: 80%;
    height: auto;
    position: relative;
    clear: both;
    margin-bottom: 2%;
    margin-left: 0px;
    margin-top: 0px;
}
#container #content h3 {
    display: block;
    width: 80%;
    height: auto;
    clear: both;
    margin-top: 20px;
    font-family: muli;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    margin-bottom: 10px;
    line-height: normal;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    /* [disabled]float: left; */
    color: #000000;
}
#content .box h4 {
    color: #4D4D4D;
    font-size: 1.3em;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


#container #content .box {
    height: auto;
    float: left;
    margin-top: 0px;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    width: 46%;
    /* [disabled]background-color: #E8E8E8; */
    border-top: 2px solid #DBDBDB;
}
#container #content .box2 {
    width: 96%;
    height: auto;
    border-top: 2px solid #DBDBDB;
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
}
#container #administration {
    width: 100%;
    height: 600px;
    background-color: #000000;
    margin-top: 40px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    color: #FFFFFF;
    background-position: right 0%;
    background-image: url(../../AnchorsOfHope/images/aoh1.jpg);
}
#container #administration #admin_Box {
    width: 350px;
    height: auto;
    display: block;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 10%;
}
#administration #admin_Box img {
    width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}




#container #administration h3 {
    color: #EFEFEF;
    margin-top: 30px;
}
#administration #admin_Box p {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}

@media (max-width:740px){
#container #content .box {
    width: 100%;
}
#container #banner #ministryLogo {
    margin-top: 120px;
}
#banner #ministryLogo img {
}


#container #banner {
    height: 300px;
    padding-top: 0px;
}






}