@import url('https://fonts.googleapis.com/css2?family=Mohave&family=Oswald&display=swap');

body { background-color:black; font-family:'Mohave',sans-serif; font-size:14pt; color:white; font-weight:300; margin-top:20px; }
a {color:#22bb22; }
a:focus, a:hover {color:#22bb22;}
h1, h2, h3, h4	{ margin-top:0px; margin-bottom:0px; }
h1 { font-size: 28pt; font-weight:600; }
h2.tagline { font-size: 10pt; font-style:italic; }

.navbar-header {margin-bottom:10px;}
.navbar-inverse {background-image:unset; background-color:transparent; border-color: transparent;}
.nav { text-align: right; line-height: 100%; }
.nav > li > a { padding-right:12px !important; }
.social { border:none; height:17px; vertical-align:top; margin-top:0px; }
.footer {font-size:10pt;line-height:10pt;color:#999999;}
.modal-content {color:black;font-size:11pt;}
.modal-title { font-style:normal; font-size:24pt; }
.hdr { position:absolute;top:22px;z-index:-1; }

.btn-hero {
    background-color: #000000 !important;
    font-size:13pt;
	color:white !important;
}
.btn-hero:hover, .btn-home:focus, .btn-home2:hover, .btn-home2:focus { background-color:#009900 !important; }
.img-responsive {width:100%;}
.hdrt {
	color:#22bb22; 
	font-weight:bold; 
	line-height:100%;
	text-shadow: 2px 2px 5px black;
	position:absolute; 
	top:34%; 
	left:0; 
	width:100%; 
	height: 100%;
}
.vbox	{ 
	padding-right:0px;
	padding-left:0px;
}
.nopad {padding-right:0px;padding-left:0px;}

.membership { background-color:#38453f; padding:10%; }
.aboutus { background-color:#484961; padding:10%; }
.factions { background-color:#291730; padding:10%; }
.contentcreation { background-color:#364c65; padding:10%; }

.insignia { height:22px; margin-bottom:5px; padding:0; }

@media (min-width: 0px) {
	.texta { position:absolute; top:22%; right:50%; left:5%;font-size:2.3vw !important; }
	.textm { position:absolute; top:14%; left:50%; right:5%;font-size:2.3vw !important;}
	.textf { position:absolute; top:10%; right:50%; left:5%;font-size:2.3vw !important;}
	.textc { position:absolute; top:14%; left:45%; right:5%;font-size:2.3vw !important;}
	.hdrt { font-size:6vw; }
	.hdrt2 { font-size:4vw; }
}

@media (min-width: 1200px) {
	.texta { position:absolute; top:11%; right:48%; left:5%;font-size:1.5vw !important; }
	.textm { position:absolute; top:7%; left:48%; right:5%;font-size:1.25vw !important;}
	.textf { position:absolute; top:7%; right:48%; left:5%;font-size:1.25vw !important;}	
	.hdrt { font-size:3vw; }
	.hdrt2 { font-size:2vw; }
}