h2{
	font-size:32px;
	font-weight:normal;
}
#menu{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	
	width:100%;
	height:100px;
	overflow:hidden;
	
	background-color:rgba(0,0,0,0.8);
	
	transition: 0.5s;
	-webkit-transition: 0.5s;	
}
	
#menucontainer{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	
	width:100%;
	padding-left:60px;
	padding-right:60px;
}
#menucontainer a{
	font-size:22px;
}
#menu a:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: white;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#menu a:hover:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.dash-block{
	width:15px;
}
/* MAIN */
		
#main{
	transition: margin-top .5s;
	margin-top:200px;
}
a{
	position: relative;
	text-decoration: none;
	font-size: 24px;
	color: #cccccc;
    text-decoration: none;
    border-bottom: 0px solid white;    
    -webkit-transition: 0.5s ease;
            transition: 0.5s ease;
}

a:hover{
	-webkit-transition: 0.5s ease;
			transition: 0.5s ease;
	color: white;
}
.black-a{
	color:rgba(0, 0, 0, 1);
}

.black-a:hover{
	color:rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.5s ease;
			transition: 0.5s ease;	
}


/* TOP */
#top{
	z-index:2;
	width:100%;
	position:fixed;
	top:0%;
	transition: top 0.5s;
}

#titleTop{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	
	width:100%;
	height:100px;

	background-color:rgba(250,250,250,1);
}

#title, #topicon{
	color:rgba(0, 0, 0, 1);
	font-size: 32px;
	
	font-style:normal;

}

#topicon:hover{
	color:rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.5s ease;
			transition: 0.5s ease;	
}

#topicon{
	margin-right:60px;
}

#title{
	margin-left:60px;
}

	/* GALERIE */
	
.content{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:flex-start;
}

.container{
	padding:0.01em 16px;
	
	display:flex;
	width:80%;
	
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:stretch;
	align-items:flex-start;
	
	margin-bottom:5%;
	margin-left:15px;
}	

.infocontainer{
	display:flex;
	width:100%;
	
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	margin-bottom:15px;
}
.infocontainer-title{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	
	width:100%;
}
.infocontainer-title *{
	margin-right:10px;
	}
.infocontainer-desc{
	font-size:14px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	
	width:100%;
}

#bio-container, #contact-container{
	padding:0.01em 16px;
	
	width:80%;
		
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:flex-start;
	
	margin-bottom:3%;
}

}
#top-bio{
	margin-top:20px;
	display:flex;
	flex-direction:row;
	align-items:center;
	padding-top:5px;
}

/* SIDE */
	
.side{
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:space-around;
	align-items:flex-start;
	
	width:300px;
	padding-left:60px;
	margin-bottom:35px;
}
	
.side a, #contact-container a{
	font-size:16px;
	font-weight:normal;
	font-family:roboto-light;
	color:black;
	
	margin-bottom:10px;
	
	display: inline-block;
}
.side a:after,#contact-container  a:after{
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: black;
  transition: 500ms;
}

.side a:hover:after,#contact-container  a:hover:after {
  width: 100%;
}
	


/* FOOTER */
	
footer{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	
	width:100%;
	height:50px;
	
	position:fixed;
	bottom:0;
	
	padding-right:30px;
	
}

footer a{
	font-size:18px;
	margin-left:10px;
}
	
#footercontainer{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	
	width:100%;
}
#creditweb{
	color:rgba(0,0,0,0.4);
	font-size:9px;
	position:absolute;
	bottom:0%;
	left:0%;
	margin-left:60px;
	margin-bottom:20px;
}

/* MODAL */
.modal{
	z-index:3;
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;

	background-color:white;
	
	flex-direction:column;
	justify-content:center;
	align-items:center;
	}
	
	.modal-content{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	
	width:90%;
	height:90%;	
	}
	
	.mySlides{
	display:none;
	width:90%;
	height:90%;	
	
	flex-direction:column;
	justify-content:center;
	align-items:center;
	}
	
	.mySlides img{
	cursor:pointer;
	max-height:90%;
	max-width:100%;
}

.mySlides-caption{
	max-height:10%;
	max-width:50%;
	padding-top:5px;

	font-size:15px;
	color:black;
	
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}

.captionsmall{
	font-size:13px;
	color:grey;
}

.display-topright{position:absolute;right:0;top:0;padding:1%;font-size:50px;color:black;}
.display-right{position:absolute;top:50%;right:0%;display:block;height:100px;margin-top:-50px;font-size:50px;}
.display-left{position:absolute;top:50%;left:0%;display:block;height:100px;margin-top:-50px;font-size:50px;}

	
/* MEDIA CONTAINER */

.media-container{
	display:flex;
	flex-grow:1;
	flex-shrink:1;
	padding:2px;
	height:180px;
	
	
	background:	-moz-linear-gradient(to bottom right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-moz-linear-gradient(to top right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-moz-linear-gradient(to bottom left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-moz-linear-gradient(to top left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%); /* FF3.6+ */
	background: linear-gradient(to bottom right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				linear-gradient(to top right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				linear-gradient(to bottom left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				linear-gradient(to top left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%); /* W3C */
	background: -ms-linear-gradient(to bottom right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-ms-linear-gradient(to top right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-ms-linear-gradient(to bottom left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-ms-linear-gradient(to top left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%); /* IE10+ */
	background: -o-linear-gradient(to bottom right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-o-linear-gradient(to top right, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-o-linear-gradient(to bottom left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%),
				-o-linear-gradient(to top left, rgba(0,0,0,.1), rgba(0,0,0,0) 45%); /* Opera 11.10+ */
}
	
	.media-container:hover{
		background:rgba(0,0,0,0) 0%;
		cursor:pointer;
}
	
.media-container .media{
	flex-grow:1;
	flex-shrink:1;
	cursor:pointer;
	z-index:-1;
	height:100%;
	object-fit:cover;
}
.text-container{
	max-width:80%;
	display:block;
	text-align:justify;
	text-indent:50px;
}
/* ------------RANDOM SLIDESHOW --------------- */

#randomslideshow{
	width:100%;
	height:100%;

	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	
}
#randomslideshow img{
	max-height:90%;
	max-width:90%;
}