/* hod */
@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;
}


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


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

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

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

#menu
{
margin:auto;
width:90%;
max-width:1200px;
}

#hiddenmenu
{
display:none;
}

.divider
{
text-align:center;
color:black;
}





.clear
{
clear:both;
}




/* center */
.center300
{
width:300px;
margin:auto;
text-align:center;
}

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






/* buttons */
.orangebutton:hover
{
	scale:1.05;
}

.blackbutton
{
padding:10px;
background:black;
display:inline-block;
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;
}




/* img */
.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:30%;
vertical-align:top;
}






.clear
{
clear:both;
}





/* parallax*/
.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/p1.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;
}




/* 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;
}
}










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;
}










/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}






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





/* quotes */
blockquote 
{
color: rgba(250, 200, 130, 0.6);
font-family: Tahoma, sans-serif;
font-size: 40px;
width: 60%;
margin: 0 auto;
}
blockquote h1 
{
font-size:4rem;
}
blockquote p 
{
font-style:italic;
margin-bottom:0;
}

blockquote p::before,
blockquote p::after
{
content:"“";
font-family:Georgia;
font-size:8rem;
margin:-2rem 0 0 -4rem;
position:absolute;
opacity:0.5;
}

blockquote p::after 
{
content:"”";
margin:-1rem -4rem 0 0;
}

blockquote cite
{
font-size: 1.5rem;
}