@import url('https://fonts.googleapis.com/css?family=Bangers&display=swap');
@import url('https://fonts.googleapis.com/css?family=Acme&display=swap');
@import url ('https://fonts.googleapis.com/css?family=Cookie|Montserrat&display=swap');
@charset "utf-8";


body{color: #666 ;
    background-color: #B4D4E5;
    background-image: url(../img/fam.png);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

header{text-align: center;
    justify-content: center;
    width:99%;
    height: 120px;
    background-image: url(../img/teken.png);
    background-repeat:no-repeat;
    background-position: 0% center;
    background-size:auto;
    background-color: #70C0E9;
     border: 8px solid #ffcdc9;
}

main{height: 1530px;
	padding:2%;
    padding-bottom: 0%;
	
}

h1{font-family: 'Bangers', cursive;
    text-align: center;
    font-size: 4em;
color: #ffcdc9;}


#container{
    
	width: 72%;
	height: 1700px;
	background-color: aliceblue;
	margin: auto;
	
}

#box{display: flex;}

#visi{background-image:url(../img/visite.png);
height:400px;
width:50%;
background-size: contain;
background-repeat:no-repeat;
    flex-direction: column; 
}
#skat{background-image:url(../img/skate.png);
height:400px;
width:50%;
background-size: contain;
background-repeat:no-repeat;
 flex-direction: column;
}


h2{color: #666 ;
    font-family: 'Acme', sans-serif;
	text-align: center;
	border-bottom: 5px dotted #ffcdc9;
	padding-left:16px;
}


footer{height: 20px;
    color: #666 ;
   background-color: #70C0E9;
    margin-bottom: 10px;
    text-align: center;
	background-color:#;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}



a{
	color:#fff;
	text-decoration: none;
}

.cont{
	width:640px;
	margin:40px auto;
	overflow:auto;
margin-bottom: 10px;}

.slider-inner{
	width:600px;
	height:900px;
	position:relative;
	overflow:hidden;
	float:left;
	padding:3px;
	border:#666 solid 5px;
}

.slider-inner img{
	display:none;
	width:600px;
	height:900px;
}

.slider-inner img.active{
	display:inline-block;
}

.prev,.next{
	float:left;
	margin-top:130px;
	cursor: pointer;
}

.prev{
	position:relative;
	margin-right:-45px;
	z-index:100;
}

.next{
	position:relative;
	margin-left:-45px;
	z-index:100;
}