@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');

/*
font-family: 'Cinzel', serif;
font-family: 'Cinzel Decorative', cursive;
font-family: 'Bangers', cursive;
*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.icon {
	font-family: 'Material Icons';
	font-size: 35px;
	padding: 5px !important;
}

.inline_icon { 
	font-family: 'Material Icons';
}

.logo {
	font-family: 'Cinzel Decorative', cursive;
}

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #0c264d;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}

body,h1,h2,h3,h4,h5,h6 {font-family: 'Cinzel', serif;}

@media only screen and (max-width: 1000px) {
	.logo {
		width: 70vw;
		height: auto;
		margin: auto;
	}
	
	body, html {
		height: 100%;
		overflow: hidden;
		background-image: url('images/Website_backdrop.png');
		background-position: center;
		background-size: cover;
	}
	
	h1 {
		font-size: 20px;
		padding-bottom: 20px;
	}
}

@media only screen and (min-width: 1001px) {
	.logo {
		height: 35vh;
		width: auto;
	}
	body, html {
		height: 100%;
		overflow: hidden;
		background-image: url('images/Website_backdrop.png');
		background-position: center;
		background-size: cover;
	}
	
	h1 {
		font-size: 70px;
		padding-bottom: 80px;
	}
}

.bgimg {
  //background-color: rgba(0,0,0,0.6);
  height: 100%;
  min-height: 100%;
  margin-top: 10px;
}