@media (orientation: portrait){
	img{
		display: none;
	}
}

/* HEADERS */
h1{font-size: 2vw;}
h2{font-size: 1.75vw; text-decoration: underline;}
h3{font-size: 1.5vw;}
span{font-size: 1.25vw; font-weight: normal;}
h5{font-size: 1vw;}
h6{font-size: 0.75vw;}

header{
	h1{
		margin-bottom: 0.5vh;
	}
	
	span{
		margin-top: 0px;
	}
}

/* GENERAL STUFF */
body{
	color: #FFFFFF;
	overflow-x: hidden;
	font-size: max(1.1vw, 11px);
	display: inline-block;
	margin: 0px;

	section{
		width: 100%;
		padding: 2.5vh 2.5vh;
		margin-bottom: 7.5vh;
	
		a{
			color: #FFFFFF;
		}
		
		
		h2{
			align-self: flex-start;
			width: 100%;
		}
		
		div{
			width: 100%;
			display: flex;
			gap: 5%;
			
			span{
				border-radius: 10px;
				background-color: rgb(88,0,46);
				margin: 0px;
				padding: 1.25vw;
				font-size: 1.25vw;
				width: max(50%, 1000px);
				
				height: fit-content;
				align-self: center;
				
				div{
					text-indent: 1.25vw;
					margin: 0px;
					margin-bottom: 10px;
					display: inline-block;
					width: 100%;
					float: left;
					
					span{
						display: inline;
						padding: 0px;
						background-color: none;
						white-space: nowrap;
					}
				}
				
				div:last-of-type{
					margin-bottom: 0px;
				}
			}
			
			div{
				display: inline-block;
				width: 100%;
			}
			
			img{
				max-width:100%;
				display: inline;
				border: 3px solid rgb(204,0,62);
				border-radius: 1px;
			}
		}
	}
	
	.rightSection{
		h2{
			text-align: right;
		}
		
		.rightContent{
			flex-direction: row;
			
			div{
				margin-right: 0px;
			}
			
			img{
				position: relative;
				right: 2.5%;
			}
		}
	}
	
	.leftSection{
		h2{
			text-align: left;
		}
		
		.leftContent{
			flex-direction: row-reverse;
			
			div{
				
			}
			
			img{
				position: relative;
				left: 2.5%;
			}
		}
	}
	
	.centeredSection{
		.centeredContent{
			display: block !important;
			
			div{
				width: 75%;
			}
		}
	}
	
	#LastSection{
		margin-bottom: 10vh;
	}
}

main{
	margin-top: 10vh !important;
}