@charset "utf-8";

body {
	margin: 0 0;
	background-color: #000;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-align: center;
	text-decoration: none;
}

.sbparent {
	width: 100%;
	height: 100vh;
}

	.sbdivchild1 {
		width: 100%;
		text-align: center;
		background-color: #000;
		height: 27%;
	}
	
			.sbdivchild1 img {
				height: 90%;
				padding-top: 0.5em;
				transition: 0.3s;
			}
			
					.sbdivchild1 img:hover {
						opacity: 0.6;
					}
	
	.sbdivchild15 {
		width: 100%;
		text-align: center;
		background-color: #000;
		height: 8%;
		color: #fff;
		font-size: 2em;
	}
	
			.sbdivchild15 a {
				padding-top: 0em;
				padding-bottom: 0em;
				color: #fff;
				font-size: 1em;
				transition: 0.3s;
				text-decoration: none;
				vertical-align: middle;
			}
			
					.sbdivchild15 a:hover {
						opacity: 0.6;
					}

	.sbdivchild2b {
		width: 100%;
		text-align: center;
		background-color: #ae8648;
		height: 6%;
		color: #fff;
		font-size: 2em;
	}
	
			.sbdivchild2b a {
				padding-top: 0em;
				padding-bottom: 0em;
				color: #fff;
				font-size: 1em;
				transition: 0.3s;
				text-decoration: none;
				vertical-align: middle;
			}
			
					.sbdivchild2b a:hover {
						opacity: 0.6;
					}

	.sbdivchild3b {
		width: 100%;
		text-align: center;
		background-color: #7f453a;
		height: 6%;
		color: #fff;
		font-size: 2em;
	}
	
			.sbdivchild3b a {
				padding-top: 0em;
				padding-bottom: 0em;
				color: #fff;
				font-size: 1em;
				transition: 0.3s;
				text-decoration: none;
				vertical-align: middle;
			}
			
					.sbdivchild3b a:hover {
						opacity: 0.6;
					}

	.sbdivchild2 {
		width: 100%;
		text-align: center;
		background-color: #ae8648;
		height: 12%;
	}
	
			.sbdivchild2 img {
				height: 90%;
				transition: 0.3s;
			}
			
					.sbdivchild2 img:hover {
						opacity: 0.6;
					}

	.sbdivchild3 {
		width: 100%;
		text-align: center;
		background-color: #7f453a;
		height: 12%;
	}
	
			.sbdivchild3 img {
				height: 90%;
				transition: 0.3s;
			}
			
					.sbdivchild3 img:hover {
						opacity: 0.6;
					}

	.sbdivchild4 {
		width: 100%;
		text-align: center;
		background-color: #ffc030;
		height: 12%;
	}
	
			.sbdivchild4 img {
				height: 90%;
				transition: 0.3s;
			}
			
					.sbdivchild4 img:hover {
						opacity: 0.6;
					}

	.sbdivchild15apply {
		width: 100%;
		text-align: center;
		background-color: #fff;
		height: 8%;
		color: #000;
		font-size: 2em;
	}
	
			.sbdivchild15apply a {
				padding-top: 1em;
				padding-bottom: 0em;
				color: #000;
				font-size: 1em;
				transition: 0.3s;
				text-decoration: none;
				vertical-align: middle;
			}
			
					.sbdivchild15apply a:hover {
						opacity: 0.6;
					}


	.footer {
		width: 100%;
		background-color: #000;
		text-decoration: none;
		color: #fff;
		height: 10%;
	}
	
			.footer a {
				text-decoration: none;
				color: #fff;
			}
			
			#qmlogo {
				width: 1.5em;
				position: relative;
				top: 6px;
				transition: 0.3s;
			}
			
			#qmlogo:hover {
				opacity: 0.6;
			}