body{
background-image: url("bg.png");
background-size: cover;
background-repeat: no-repeat;
margin: 0;
min-height: 100vh;
font-family: Verdana, sans-serif;
}

#header{
width: 100%;
max-width: 1382px;
height: 104px;
margin-left: 22px;
}
    
.logo{
width: 326px;
height: 105px;
background-image:url("logo.png");
background-size: cover;
float: left;
}

ul{
    float: right;
	list-style-type:none;
    margin-top: 30px;
}

li{
    position: relative;
	display:inline-block; 
    padding:2px 10px;
	text-align:center;
}

.nav{ 
    color: black;
    font-size: 20px;
    text-decoration:none;
}
.nav:hover{
    color: #EBB528;
}
.current{
    border-bottom:solid 3px black;
}

.greeting{
font-size: 25px;
width: 550px;
height: 30px;
margin-top: 80px;
margin-left: 200px;
color: #D88846;
}

.slideshow-container{
position: relative;
}

.Sign{
position: absolute;
margin-top: 150px;
background: none;
border: none;
cursor: pointer;
font-size: 80px;
color: #C7B6DD;
}

.Sign:hover{
color: black;
}

.prev{
margin-left: 700px;
}

.next{
margin-left: 1300px;
}

.mySlides{
margin-top: -60px;
margin-left: 820px;
width: 426px;
height: 572px;
border-radius: 51px; 
background-color: #EDECED;
position: absolute;
overflow: hidden;
}

img{
max-width: 100%; 
height: auto; 
display: block; 
}

p{
margin-top: 40px;
}

.new{
text-decoration: none; 
color: black;
font-size: 20px;
}
.new:hover{
text-decoration: underline;
font-size: 25px;
}

h2{
font-size: 35px;
}