@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: #7B7B7B;
    height: auto;
}


#container #banner {
    width: 100%;
    height: 400px;
    display: inline-block;
    margin-top: 80px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: aladin;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-image: url(../images/candle2.jpg);
    background-color: #000604;
    background-position: center bottom;
    background-size: cover;
}

#banner #ministryLogo #imageBox {
    width: 450px;
    height: auto;
    display: inline-block;
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
}
#banner #ministryLogo #imageBox img {
    width: 100%;
    display: inline-block;
    height: auto;
    float: left;


}
#container #socialMediaBox {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
    margin-left: auto;
    background-color: #D0D0D0;
}
#container #socialMediaBox #flyer {
    height: 40px;
    width: 100px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    float: right;
    font-size: 10px;
    color: #919191;
    font-weight: bold;
    border: 1px solid #AAAAAA;
}
#container #socialMediaBox #flyer:hover  {
    height: 40px;
    width: 100px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    float: right;
    font-size: 10px;
    color: hsla(0,0%,57%,0.70);
    font-weight: bold;
    border: 1px solid hsla(0,0%,67%,0.70);
}
#container #content #paralax1 {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: auto;
}


#content #paralax1 img {
    width: 100%;
    height: auto;
    max-width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#content #paralax1 p {
    text-align: center;
    margin-top: 251px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: 1px solid #D7D7D7;
    display: block;
    width: 250px;
    height: auto;
    margin-right: auto;
    margin-bottom: 0px;
    z-index: 1;
    position: absolute;
    margin-left: 30%;
    color: #FFFFFF;
}










#container #content {
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    margin-bottom: 0px;
    height: auto;
    width: 80%;
    color: #888888;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-right: 0vmin;
}
#container #content .discription {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}



#container #content #box1 {
    display: inline-block;
    float: left;
    width: 48%;
    text-align: left;
    margin-right: 2%;
    border-top: 2px solid #C0C0C0;
    min-width: 300px;
    height: auto;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 30px;
}
#content #box1 p  {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}
#container #content  h1 {
    text-align: left;
    color: #974425;
    margin-bottom: 15px;
    font-family: muli;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
}



#container #content h2 {
    color: #7485ED;
    font-weight: bold;
    margin-bottom: 0px;
}
#container#content h3 {
    margin-bottom: 0px;
}

#content #box1 p {
    margin-top: 0px;
}
#container #content #box2 {
    width: 48%;
    height: auto;
    display: block;
    float: left;
    margin-left: 2%;
    min-width: 300px;
    border-top: 2px solid #C0C0C0;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 30px;
}
#content #box2 video {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0px;
    margin-left: 0px;
}
#textbox #text p {
}




@media (max-width:600px){
#container #banner {
    height: 350px;
}
#container #banner #ministryLogo {
    width: 320px;
    margin-top: 0px;
}
#banner #ministryLogo #imageBox {
    width: 120px;
    height: auto;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    float: none;
    margin-right: auto;
}

#banner #ministryLogo #imageBox img {
    margin-top: 0px;
    margin-bottom: 0px;

}


#ministryLogo #textbox #text {
    font-size: 2em;
    text-align: center;
    float: left;
    color: #F4D561;
}
#ministryLogo #textbox #subtext {
    font-size: 1.2em;
    text-align: center;
}
#container #content #paralax1 {

}
#content #paralax1 p {
    margin-top: 170px;
}
#content .discription p {
    font-size: 0.7em;
}







}

@media (max-width:869px) and (min-width:599px){
#container #banner #ministryLogo {

}

#banner #ministryLogo #imageBox {
    width: 200px;
}

#ministryLogo #textbox #text {
    font-size: 2.5em;
    text-align: left;
    width: auto;
}
#ministryLogo #textbox #subtext {
    font-size: 1.3em;
    text-align: left;
}
#container #content #box1 {
    width: 100%;
    margin-right: 0px;
}
#container #content #box2 {
    width: 100%;
    margin-left: 0px;
}
#container #banner {
    height: 500px;
}
#container #content #paralax1 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}










}