html, body {margin: 0; height: 100%; overflow: hidden; overflow-y: hidden;}

* {
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
}

.fadein { position:center; height:100%; width:100%; }
.fadein img { position:absolute; left:0; top:0; }

.fadelinks, .faderandom { position:relative; height:332px; width:500px; }
.fadelinks > *, .faderandom > * { position:absolute; left:0; top:0; display:block; }

.multipleslides { position:relative; height:332px; width:500px; float:left; }
.multipleslides > * { position:absolute; left:0; top:0; display:block; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: right;
}
li a {
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  color: white;
}

.nav {
	position: relative;
	z-index: 100;
}

.menu-listaccordion {
position: fixed;
right:0%;}
div.header {
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		display:table;

	}
div.header2 {
		display:table-cell;
		    vertical-align:middle;
		    text-align:center;
	}
	
	.menu-link2 {
	z-index: 200;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	letter-spacing: .7px;
	font-size: .7em;
	text-decoration: none;
	text-align: center;
	color: white;
	position: fixed;
	margin-top: 17px;
	margin-left: -45px;
	align-content: center;

}


body {

}

.feather {
	z-index: 5;
	position: fixed;
	left: 0%;
	top: 0%;
	height: 52px;
	width: 100%;
}



img.center {
max-width: auto; 
	max-height: 100%; 
	width: auto;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

img.tc {
	width: 100%;
	height: auto;
}

.content {
     position: absolute;
            float: right;
            max-width: 100%;
            z-index: 0;
            top: 0%;
           left: 0%;
           right: 0%;
           bottom: 0%;
           overflow: hidden;
}
 
    
    
    
a {
	font-family: 'Open Sans', sans-serif;
	 font-size: 12px;
	 font-weight: 600;
	 letter-spacing: .15px;
	 text-decoration: none;
	 color: black;
	 -webkit-transition: all .4s;
	         transition: all .4s;
	
}

#currentpage {
	color: #EC008C;
}

a:hover {
	color: #EC008C;
}
.logo {
	position: fixed;
	width: 32px;
	height: auto;
	z-index: 6;
	float: left;
	left: -4px;
	top: -4px;
	margin: 15px;
}


	.mySlides {display: none;}
	img {vertical-align: middle;}
	
	/* Slideshow container */
	
	
	/* Caption text */
	.text {
	  color: #f2f2f2;
	 left: 5%;
	  position: absolute;
	  bottom: 8%;
	  width: 100%;
	  text-align: left;
	  font-family: Open Sans;
	  font-size: 2em;
	  font-style: normal;
	  font-weight: 600;
	  letter-spacing: 1.7px;
	  color: white;
	}
	
	.text2 {
	  color: #f2f2f2;
	 left: 5%;
	  position: absolute;
	  bottom: 5.5%;
	  width: 100%;
	  text-align: left;
	  font-family: Open Sans;
	  font-size: 1em;
	  font-style: normal;
	  font-weight: 500;
	  letter-spacing: 1.7px;
	  color: white;
	}
	
	
	/* The dots/bullets/indicators */
	.dot {
	  height: 15px;
	  width: 15px;
	  margin: 0 2px;
	  background-color: white;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	
	}
	
	.dotcontain {
		position: relative;
		top: 90.7%;
		transform: scale(.6);
	}
	
	.active {
	  background-color: #EC008C;
	}
	
	@media (max-width: 800px) {
	       .text {
		   	font-size: 1.75em;
		   }
	    	.text2 {
	    		font-size: .8em;
	    	}
	    		
	    	}
	    	
	
	    @media (max-width: 600px) {
		   .text {
		   	font-size: 1.25em;
		   	margin-bottom: 5px;
		   }
		   .dotcontain {
	position:absolute;
	float: right;
	right: -80px;
	top: 120px;
		   	transform: scale(.6) rotate(90deg);
		   }
	    }
	    
	    @media (max-height: 600px) {	
	    .text {
	   bottom: 10%;
	    }
	    }
	
	@media (max-width: 400px) {
		.nav {
			width: 40%;
			float: right;
			font-size: 1em;
		}
		.nav a {
			font-family: 'Open Sans', sans-serif;
			font-size: 8px;
			font-weight: 600;
			letter-spacing: .15px;
			margin-top: 3px;
			margin-left: -10px;
		}
		
	}


	@media (max-height: 465px), (max-width: 400px) {
img.center {
max-width: auto; 
	max-height: 100%; 
	width: auto;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
}
	@media (max-height: 505px) {
	img.center {
	max-width: auto; 
		max-height: 100%; 
		width: auto;
		position: absolute; 
		top: 50%; 
		left: 50%; 
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%) scale(1.25);
		
	}
	

	}
	
	@media (max-height: 405px) {
	img.center {
	max-width: auto; 
		max-height: 100%; 
		width: auto;
		position: absolute; 
		top: 50%; 
		left: 50%; 
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%) scale(1.75);
		
	}
	.text {
	bottom: 12%;
	 }
	}
	
	@media (max-height: 305px) {
	img.center {
	max-width: auto; 
		max-height: 100%; 
		width: auto;
		position: absolute; 
		top: 50%; 
		left: 50%; 
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%) scale(3);
		
	}
	
	.text {
	bottom: 14%;
	 }
	}
	
	@media (max-height: 205px) {
	img.center {
	max-width: auto; 
		max-height: 100%; 
		width: auto;
		position: absolute; 
		top: 50%; 
		left: 50%; 
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%) scale(5.5);
		
	}
	
	.text {
	bottom: 16%;
	 }
	}
	/* Fading animation */
	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 1.5s;
	  animation-name: fade;
	  animation-duration: 1.5s;
	}
	
	@-webkit-keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}
	
	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}
	
	/* On smaller screens, decrease text size */