@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans&display=swap');



body {

    background-color: #E5E0DB;

    background-image: url("images/oriental.jpg");

    background-attachment: fixed;

}



#wrapper {

    width: 960px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

    background-color: #FFFFFF;

    padding: 10px 20px;

    border-width: 1px;

    border-style: solid;

    border-color: black;

}

#header-content {

    width: 960px;

    margin-left: auto;

    margin-right: auto;

    height: 130px;

    position: relative;

}



h1, h2, h3 {font-family: 'Playpen Sans', cursive;}



h1 {background-color: #AB9C7F;

    color: black;

    font-size:40px;

    text-transform:uppercase;

    text-align:center;

    padding: 16px 0;

    background: -webkit-linear-gradient(#269eaa, #134d53); /* for safari 5.1 to 6.0 */

    background: -o-linear-gradient(#269eaa, #134d53); /* for opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#269eaa, #134d53); /* for firefox 3.6 to 15 */

    background: linear-gradient(#269eaa, #134d53);/* standard syntax */

}



h2 {background-color: #834E1A;

    font-size: 25px;

    color: beige;

    padding: 10px;

    margin-bottom: 10px;

}



h3 {color: #AB9C7F;

    font-size:25px;

    margin-bottom: 10px;

}



p {font-size:15px;

    margin-bottom: 14px;

    line-height: 40px;

    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";

}



li {margin-bottom: 25px;

    list-style-position: inside;

}



ul li { list-style-type: circle;
	font-size: 25 px;

}



footer {text-align: center;}



.feature {color: coral;}



nav{

    padding: 0px 6px;

	text-align: center;

}



nav p {font-weight: bold;

    text-align: center;

    margin-bottom: 0;

    

}

a:link {

    color: #AB9C7F;

    text-decoration:none;

}

a:hover{

    color: #000000;

}

a:visited{

    color: #327C5E;

}



.feature-box {

    width: 30%;

    background-color: #CAB26C;

    padding: 10px;

    margin: 0 auto 20px;

    border-radius: 10px;

    box-shadow: 5px 5px 5px #888888;

}

img {

    padding: 10px;

    background-color: #FFFFFF;

    border: 2px solid #7C3536;

}



.imagegallery{

    margin: 10px;

}

.align-left {

    float: left;

    margin-right: 25px;

    margin-bottom: 25px;

}

.align-right{

    float: right;

    margin-left: 25px;

    margin-bottom: 25px;

}

.center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 50%;
	
	margin-bottom: 25px;

}

.clear {clear: both;}



.flex-container {

    display: flex;

}

.image-container{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.p-box {

    max-width: 100%;

    margin: 0 auto;

    background-color: #CECBA2;

    padding: 80px 200px;

}

section {

    width: 65%;

}