body{
  background-color: #A493FB;
  margin: 0px;
  font-family: 'Iceland';
  color: #697e83;
  font-size: 14px;
}
h1{
  font-family: 'Cute Font';
  letter-spacing: 0.5px;
  color: #fff;
  font-size: 80px;
  margin: 0;
  }
header{
  padding: 0;
  margin: 0;
}
#wrapper{
  margin: 0 auto;
  width: 85%;
  background-color: #A493FB;
}
/****** nav style ********/
.clear{
  clear:both;
}


/* main style */
main{
  background-color: white;
}
section{
  background-color: white;
}
footer{
  background-color: #A493FB;
  color: white;
}

h2{
  font-size: 27px;
  margin: 0px;
  text-transform: uppercase;
  color: #A494FB;
}
h3{
  font-size: 14px;
  margin: 0px;
  padding: 5px;
  text-transform: uppercase;
  color: #A494FB;
  letter-spacing: 0.5px;
}


/*------------------------Image slider---------------------------*/
#curtain{
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.4);
}
#light{
	max-width: 80%;
	max-height: 80%;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	position:fixed;
	margin: auto;
}
#close{
	height: 50px;
	width: 50px;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 990;
}
/* Slideshow */
.banner{
    width:100%;
    float: left;
    height: 538px;
    margin: 10px;
    position: relative;
}
.sideleft{
  width: 60%;
}
#slider{
	width:100%;
	height:538px;
	position:absolute;
	overflow:hidden;
}
#next{
	text-align:center;
	line-height:50px;
	color: #EFF6A6;
	width: 50px;
	width: 50px;
	background-color: #A494FB;
	position:absolute;
	top:205px;
	right: 0;
	z-index:99;
	cursor:pointer;
	opacity:.4;
}
#pre{
	text-align:center;
	line-height:50px;
	color: #EFF6A6;
	width: 50px;
	width: 50px;
	background-color: #A494FB;
	position:absolute;
	top:205px;
	left: 0;
	z-index:99;
	cursor:pointer;
	opacity:.4;
}
.banner:hover #next{
	opacity:1;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
}
.banner:hover #pre{
	opacity:1;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
}
.sideright{
  width: 30%;
padding:20px;
float: right;
}

.siderightrighter{
  width: 60%;
padding:20px;
float: right;
}
.sidelefter{
  width: 30%;
}
/* ------------Gallery page ------------------*/
.image{
  border: 1px solid #ccc;
  width: 180px;
  float: left;
}
.image:hover{
  border: 1px solid #777;
}
.imagetext{
  text-align: center;
}
.picture{
    margin: 10px 40px;
    width:100px;
    height:100px;
}
.gallery{
      width:100%;
      float: left;
      margin: 10px;
}

/* All */
.
{
  margin-bottom: 48px;
}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
    background-color: #ECC45C;
    font-family: 'Iceland'
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
}
.nav a {
  display: block;
  padding: 10px 20px;
  line-height: 1.2em;
  color: #8575E4;
  border-left: 1px solid #595959;
}
.nav a:hover {
  text-decoration: none;
color: #6C3CFB;
    background-color: #FEE99E;
}
.nav li ul {
  background: #273754;
}
.nav li ul li {
  width: 200px;
}
.nav li ul a {
  border: none;
}
.nav li ul a:hover {
    background-color: #FEE99E;
}
.nav2 ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: #8575E4;
}
.nav2 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  visibility: hidden;
  opacity: 0;
  background-color: #ECC45C;
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
}

nav a{
  text-decoration: none;
  font-weight: bold;
  color: #8575E4;
}
nav ul{
  list-style: none;
}
nav ul li ul{
  opacity: 0.9;
  }

nav ul li a {
    color: #8575E4;
    text-decoration: none;
}
.dropdown .dropbtn {
    font-size: 16px;
    color: #8575E4;
}

.dropdown-content {
    background-color: #f9f9f9;
    z-index: 200;
}


@media only screen and (max-width: 1024px){
  .sideright{
    float: left;
    width:100%;
    padding:0px;
  }
  .banner, .gallery{
    display:none;
  }

}