@font-face{
	src:url(fonts/stc.otf);
	font-family: stc;
}
.wraper{
	background: white;
	width: 100%;
	

	
}

.banner{

	
	height: 150px;
	display: flex;
	justify-content: space-between;
	

}
img{
	display: block;

}
.banner-l{
	width: 30%;
	flex: 1;
	
}
.banner-l img{
	
	max-height: 100%;
	
}
.banner-m{
	width: 30%;
	flex: 1;
	
}
.banner-m img{
	margin: 0px auto;
	max-height: 100%;
	
}
.banner-r{
	width: 30%;
	flex: 1;
	

}

.banner-r img{
	
	margin: 0px 0px 0px auto;
	max-height: 100%;
}
.page-title{
	
	color: gray;
	background: white;
	position: sticky;
	top:0;
	font-style: bold;
	font-family: Century Gothic;
	padding-top: 20px;
	font-size:22pt;		
	text-align: center;
	text-shadow: 1px 1px 3px black;
}
nav{
	
	position: sticky;

	z-index: 2;

	top:55px;
	background: rgb(255,255,255,0.5);
	display: flex;
	flex-direction: row;
	justify-content: space-around;

	flex-wrap: wrap;
}
/*div{
	background: red;
	
	align-content: center;
	text-align: center;
	font-style: bold;
	font-family: Century Gothic;
	font-size:18pt;		
	height: 50%;
	
	flex: 1;
	border-style: solid;
	border-color: orange;
	border-width: 1px;
	
}*/



a:hover{
background: white;
text-shadow: 1px 1px 3px black;

}

a{

	margin:10px 0px;
	font-style: bold;
	font-family: Century Gothic;
	font-size:22pt;		
	flex: 1;
	text-shadow: 1px 1px 3px white;


	text-decoration: none;
	color: gray;
	background: lightgray;
	border-radius: 8px;
	display: block;	
	position: relative;	
	z-index: 2;
	
}
a img{
	border-radius: 8px;
}
/*
.middle-wraper{
	display: flex;
	justify-content: space-around;
	background: orange;
	
	width: 100%;
	border-style: solid;
	border-color: pink;
	border-width: 3px;

}
*/


.flex-box{
	
	
	display: flex;
	
	flex-wrap: wrap;
	background: green;
	border-style: solid;
	border-color: white;
	border-width: 3px;
	
	
}
.flex-child{
	flex: 1;
	background: white;
	
	
	border-style: solid;
	border-color: white;
	border-width: 3px;
	flex-basis: 30%;
	display: flex;
	
	flex-direction: column;
	
}

.flex-v{
	display: block;
	border-style: solid;
	border-color: white;
	border-width: 3px;
	
	height:240px;
	
	
}

.flex-l{
	background: lightgray;
	border-style: solid;
	border-width: 3px;
	border-color: white;
	text-align: center;
	font-size: 14pt;
	
	font-family: stc;
	
	align-content: center;
	justify-content: center;
	padding-top: 10px;
	border-radius: 8px;
	overflow: auto;
	
}