* {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

html{
    width: 100vw;
    height: 100%;
}

body{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 55px;
    color: white !important;
    background-color: #222222 !important;
    overflow-x: hidden;
    overflow-y: auto;
}

h2 {
    font-weight: bold;
}

.nav-link {
	font-weight: bold;
}


.container-fluid{
    flex: 1 0 auto !important;
}

.nav-link {
	font-weight: bold;
}

.btn-outline-primary {
	color: white !important;
	font-weight: bold !important;
	margin-bottom: 2vh;
}

.iframe-container iframe{
	display: block;
	height: 86.5vh;
	width: 100%;
}

#cover-overlay-alternative{
    background-color: #191919;
}

#cover-overlay-new{
    position: absolute;
    max-height: 80%;
    top: 2vh;
    right: 2vw;
}

#index-row{
    margin-top: 2vh;
    margin-bottom: 2vh;
}

#patreon-img img{
    min-width: 400px;
}

#top-navbar{
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.35)
}

#navbar-logo{
    height: 40px; 
    width: 40px; 
    padding: 0; 
    margin: 0;
}

#play-against {
	background-color: #49BAF2;
	color: black;
	text-align: center;
	padding: 3vh;
    margin-top: 3vh;
    margin-bottom: 2vh;
}

#play-against a{
    color: #520808;
}

#comp-description {
	background-color: #363636;
	text-align: center;
	color: white;
	padding: 3vh;
	padding-bottom: 2vh;
	margin-bottom: 2vh;
}

#join-comp {
	background-color: #363636;
	text-align: center;
	color: white;
	padding: 3vh;
	padding-bottom: 2vh;
	margin-bottom: 3vh;
}

#footer{
    width: 100%;
    flex-shrink: 0;
}

/* Legacy */
#admin-team {
	background-color: #363636;
	color: white;
	text-align: center;
}



#about-card-row{
	background-color: #363636;
	color: white;
	margin-bottom: 2vh;
	padding: 2vh 0.5vw;
}

#about-card-img-rt {
		display: block;
		margin: auto 50%;
		float: right;
}

.card-body {
	background-color: #666666;
}

.card-title {
	background-color: white;
	text-align: center;
	padding: 0.5vh;
	color: black;
}
/* ----- */

@media (min-width: 992px){
	#top-navbar .navbar-brand {
		position: absolute;
	}
	#login-link {
		position: absolute;
		right: 15px;
	}
	#cover-overlay {
	vertical-align: middle;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.75);
	color: white;
	top: 10vh;
	right: 10vw;
	height: 250px;
	width: 600px;
	}
	
}

@media (max-width: 1200px){
	#about-card-img {
		display: block;
		margin: auto 50%;
	}
	#about-card-img-rt {
		display: block;
		margin: auto 50%;
		float: none;
	}
}

@media (max-width: 992px){
	#cover-overlay {
	vertical-align: middle;
	position: relative;
	background-color: rgba(0, 0, 0, 0.2);
	color: white;
	margin-bottom: 5vh;
	padding: 2vh;
	}
}

@media (max-width: 500px){
	#about-card-img {
		display: none;
	}
	#about-card-img-rt {
		display: none;
	}
}

@media (min-width: 1200px){
	#about-card-row {
		width: 100%;
	}
}

@media (min-width: 1300px){
	#about-card-row {
		width: 90%;
	}
}

@media (min-width: 1500px){
	#about-card-row {
		width: 80%;
	}