*{box-sizing:border-box;} 

img{padding-left:10px;padding-right:10px; } 
body {background-image: url(background.jpg); 

color:#221811;
font-family:Times New Roman;
font-size: 22px;} 

header{background-color:#D8BFD8; 
height:150px; 
background-image: url(logo.png); 
background-repeat:no-repeat;  
margin-bottom:0px; padding-bottom:0px;}
h1{padding-top:45px; 
padding-left:220px; 
font-size:3em;
text-transform:none;
font-style: centurian;}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
li {
  float: left;
  padding: 6px;
  padding-right: 10px;
  text-decoration: none;
  font-size: 17px;
  text-transform: uppercase;
  font-family: arial black;
  text-align: center;
}
li a {
  display: block;
  padding: 30px;
  background-color:none;
  text-decoration: none;
  text-color:black;
}


h4{background-color:#d2b48c; 
font-size:1.2em;  
text-transform:uppercase;  
border-bottom:1px solid #000000; 
padding-bottom:0px; clear:left; }


nav a:link{text-decoration:none;
color:#fef6c2;}
nav a:visited{text-decoration:none;
color:#141413; }
nav a:hover{text-decoration:none;
color:#F8FAF6;}
nav a:font{font-size: 2em;}


#wrapper{min-width:900px;
max-width:1280px; 
margin-left:auto;
margin-right:auto;
background-color:#b0bec5;
box-shadow:2px 2px 2px; }


nav ul{list-style-type:none;
padding-left:2em;}
main{margin-left:200px;
padding-bottom:1em; 
display:block; 
background-color:#a3e4d7;
margin-top:0px;padding-top:0px;}
main h2, h3, h4, p, ul, dl{padding-left:0em;
padding-right:2em; }
label{display:block;
float:left;
text-align:right; 
width:8em; 
padding-right:1em; }
input{display:block;
margin-bottom:1em;}
textarea{display:block;
margin-bottom:1em;
width: 335px;} 

dt{font-weight:bold;}
table{width:50%;
margin:auto;
border-spacing:0px;
background-color:#ffffcc; 
padding-bottom:1em;}

p{text-decoration-color: none;
text-align: left;
float: left;
font-family: Times New Romens;
font-size: 20px;
padding: center;
}

p {
  text-align: justify;
  font-size: 22px;
  padding-top: 3em;
  padding-bottom: 3em;
  padding-right: 10em;
  padding-left: 4em;
  }
 
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

td, th{padding:10px;}
tr:nth-of-type(odd)
{background-color:#d2b48c;}
footer{background-color:#e1bee7;
font-size:.6em;
font-style:italic;
text-align:center; 
padding-bottom:10px;
border-top:1px solid #221811;}

.details{padding-left:20%;
padding-right:20%; 
overflow:auto; }
.floatleft{float:left;
padding-right:20px; 
padding-bottom:20px; }
#marginSubmitButton{margin-left:128px;}
#marginAndPaddingSetter{margin-top:0px;
padding-top:10px;}
#wrapper{min-width:900px;
max-width:1280px; 
margin-left:auto;
margin-right:auto;
background-color:#b0bec5;
box-shadow:2px 2px 2px; }

.multiple { background-image: url(praying.jpeg); 
background-size: 100%;
height: 60%;
background-repeat:no-repeat;}

#worship{background-image: url(worship.jpg);
background-size:100%; 
height:250px; }
#praying{background-image: url(praying.jpeg);
background-size:100%; 
height:250px; }
#calling{background-image: url(calling.jpg);
background-size:100%; 
height:250px; }
#book{background-image: url(book.jpg);
background-size:100%; 
height:250px; }
#offering{background-image: url(offering.jpg);
background-size:100%; 
height:250px; }

#mobile{display:none;}
#desktop{display:inline;}
#mysubmit{margin-left:9.5em;}

#desktop{display:none;}
@media only screen and (max-width: 1024px)
{ *{box-sizing:border-box;}
body {margin:0px;
background-image:none; }
header{border-bottom:#fef6c2 solid 5px;}
h1{margin-top:0px;
margin-bottom:1em; 
padding-top:1em; 
padding-bottom:1em; 
font-size:2.5em; }
nav{float:left;
width:auto;
padding-top:20px; 
margin:10px; 
font-size:1.3em; }
nav li{display:inline;}
nav ul{padding:0px;
margin:0px;
display:inline;}
nav a{padding:1em;
width:8em; 
font-weight:bold;
border-style:none; 
display:inline; }
main{padding:0px;
margin:0px;
font-size:90%; }
#wrapper{width:auto;
min-width:0px;
margin:0px; 
padding:0px;
box-shadow:none;}

#praying{background-image: url(praying.jpg);
background-size:100%; 
height:250px; }
#calling{background-image: url(calling.jpg);
background-size:100%; 
height:250px; }
#book{background-image: url(book.jpg);
background-size:100%; 
height:260px; 
image}
#worship{background-image: url(worship.jpeg);
background-size:100%; 
height:250px; }
#offering{background-image: url(offering.jpg);
background-size:100%; 
height:250px; }
.p{paint-order: !important;}

@media only screen and (max-width: 768px) { 
*{box-sizing:border-box;}
header{background-image: url(logo.jpg);
height:128px; }
header h1{padding-top:1em;}
h1{font-size:2em;
text-align:center; 
padding:0px; }
nav{margin:0px;}
nav a {display: inline;
padding:.2em; 
width:auto;
border-bottom:#fef6c2 solid 1px; }
nav li {display:block;}
main{padding-top:1px;}
h2{padding-top:.5em;
padding-right:0px; 
padding-bottom:0px; 
padding-left:.5em; 
margin-right:.5em; }
.details{padding-left:0px;
    padding-right:0px; }
.floatleft{padding-left:.5em;
        padding-right:.5em; }
#herowelcome{background-image: none;
            height:auto; }
#herohotel{background-image: none;
                height:auto; }
#herofestival{background-image: none;
                height:auto; }
#mobile{display:inline;}
#desktop {display:none;}