body {
	margin: 1em;
}

@font-face { 
        font-family: 'AlternateGothicCom-No3'; 
        src: url('../bracheassets/font/AlternateGothicCom-No3.woff'); 
        }

        @font-face { 
        font-family: "SuisseWorks"; 
        src: url("Kani/website/font/SuisseWorks-Regular.otf"); 
        }


h1 {
 font-family: 'AlternateGothicCom-No3' !important;
            font-weight: normal;
			font-size: 2.7vw;
			line-height: 1.1em;
            text-decoration: none;
            text-align: center;
			color: #000;
			display: block;
}

nav#top ul > li {font-family: 'AlternateGothicCom-No3' !important;
	font-weight: normal;
	font-size: 2.7vw;
	line-height: 1.1em;
	text-decoration: none;
	text-align: center;
	color: #000;
	display: block;
}

h2 {
 font-family: 'AlternateGothicCom-No3';
            font-weight: normal;
			font-size: 8vw;
			line-height: 3vw;
            text-decoration: none;
            text-align: left;
			color: #000;
			display: block;
	-webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0.2em;
    -webkit-margin-end: 0px;
}


p {
	font-size: 1.5vw;
	margin: 30px;
}

.quotes p {
	font-size: 2.5vw;
	margin: 30px;
}

#seven p  {
	font-family: "Arial";
	font-size: 1.5vw;
	color: black;
	font-weight: 100;
	text-align: center;
	padding-top: 2px;
    padding-bottom: 20px;
}

ul {
    display: inline-flex;
    list-style-type: disc;
	width: 100%;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	 -webkit-padding-end: 0px;
}

li {font-family: 'AlternateGothicCom-No3';
            font-weight: normal;
			font-size: 2.7vw;
			line-height: 1.1em;
            text-decoration: none;
            text-align: center;
			color: #000;
			display: block;

}

nav {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5em;
}

nav li {
	border: 2px solid transparent;
	list-style: none;
	width: 16.666667%;
}

nav li:hover {
	border: 2px solid red;
	list-style: none;
	width: 16.666667%;
}

nav a {
	text-decoration: none;
	width: 16.666667%;
	color: #000;
	letter-spacing: 0.15vw;
}

nav a:hover { 
	text-decoration: none;
	width: 16.666667%;
	color: blue;
	letter-spacing: 0.15vw;
}

img {
    max-width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#up {
	bottom: 1em;
	right: 3.4em;
	display: block;
	position: fixed;
	z-index: 999;
	width: 50px;
	height: 5opx;
}

 a #one, #five .square:hover {
	 border: 1px solid #000;
}


.text {
	height: 100%;

	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

#one {
	height: 100%;
	background-color: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}


#two {
	
	height: 100%;
	background-color: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	
}

#three {
	height: 100%;
	background: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	
}

#four {
	
	height: 100%;
	width: auto;
	background-color: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	
}


#five {
	
	height: 100%;
	background-color: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	
}

#six {
	width: 100%;
	height: auto;
	background: none;
	padding-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	display: inline-block;
}

#seven {
	width: 100%;
	height: auto;
	background-color: none;
	padding-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}



/* Slideshow container */
.slideshow-container {
  max-width: auto;
  position: relative;
  margin: auto;
	cursor: auto;
}

/* Hide the images by default */
.mySlides1, .mySlides2, .mySlides3, .mySlides4, .mySlides5, .mySlides6 {display: none}

/* Next & previous buttons */


/* Position the "next button" to the right */

.prev {
 
  position: absolute;
  top: 0;
	left:10%;
  width: 42%;
	height: 100%;
	mix-blend-mode: exclusion;
}

/* Position the "next button" to the right */
.next {
	top: 0;
  right: 10%;
	width: 42%;
	height: 100%;
	position: absolute;
	mix-blend-mode: exclusion;
}

/* On hover, add a grey background color */
.prev:hover {
   cursor: url('../content/prev.png'), auto;
	  mix-blend-mode: exclusion;

}

.next:hover {
	cursor: url('../content/next.png'), auto;
	    
}