/* uatt */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Nosifer&family=Poppins:wght@600&family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');



body,html 
{
height:100%;
margin:0;
padding:0;
font:400 15px/1.8 "Lato", sans-serif;
color:#666;
background:#05658D;
/*background:#00ABF1;*/
/*background-image: linear-gradient(#BBD0D5,#11212E);*/
}





#footer
{
background:black;
min-height:300px;
}

.innercont
{
margin:auto;
width:96%;
max-width:1200px;
}

#hiddenmenu
{
display:none;
}

.center
{
	width:400px;
margin:auto;
text-align:center;
}




.yellowbutton
{
padding:10px;
background:yellow;
display:inline-block;
text-align:center;
}

.orangebutton
{
padding:10px;
display:inline-block;
background:orange;
text-align:center;
}

.fit
{

max-width:100%;
}

.banner
{
width:100%;
max-width:100%;
}








.titletext
{
font-family:Anton,sans-serif;
font-size:1.5vw;
color:black;
}

.author
{
font-family:Anton,sans-serif;
font-size:3vw;
color:black;
}

.authoricon
{
	height:200px;
	width:200px;
	border-radius:50%;
}





.col2
{
display:inline-block;
width:48%;
vertical-align:top;
}

.col3
{
display:inline-block;
width:32%;
vertical-align:top;
}







a
{
text-decoration:none;
color:white;
}







.bgimg-1,.bgimg-2,.bgimg-3,.bgimg-7,.bgimg-10
{
position: relative;
/*opacity: 0.65;*/
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.bgimg-1 
{
background-image: url("style/banner2.png");
min-height: 100%;
}

.bgimg-2 
{
background-image: url("style/p2.png");
min-height: 400px;
}

.bgimg-3 
{
background-image: url("style/p3.png");
min-height: 400px;
}

.bgimg-7
{
background-image: url("style/p7.png");
min-height: 400px;
}

.bgimg-10 
{
background-image: url("style/p10.png");
min-height: 400px;
}

.caption 
{
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
color: #000;
}

.caption span.border 
{
background-color: #111;
color: #fff;
padding: 18px;
font-size: 25px;
letter-spacing: 10px;
}


h3
{
letter-spacing: 5px;
text-transform: uppercase;
font: 20px "Lato", sans-serif;
color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) 
{
.bgimg-1,.bgimg-2,.bgimg-3,.bgimg-7,.bgimg-10
{
background-attachment:scroll;
}
}








#menucont
{
width:100%;
background:black;
}

ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color: #000;
}

li
{
float:left;
}

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

li a:hover 
{
background-color: #111;
}