@charset "utf-8";
/* CSS Document */

:root {
	--primary-bg-color: #D98E04;
	--secondary-bg-color: #BF6B04;
	--tertiary-bg-color: #038C8C;
	--quaternary-bg-color: #F2B705;
	--dark-color: #1A1A1A;
	--standard-padding: 13px;
}

a:hover {
	text-decoration: none !important;
}

a, a:visited {
	color: white;
}

.site-background {
	background-color: var(--dark-color);
}

h1, h2, h3, h4, h5, h6, p, li {
	font-weight: 700;
	letter-spacing: 2px;
}

h1, h2, h3, h4, h5, h6, li, li:visited {
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
	color: white;
}

h1 {
	font-size: 35px;
	line-height: 43px;
}

h2, li {
	font-size: 29px;
	line-height: 35px;
	text-align: center;
}

h3 {
	font-size: 20px;
	line-height: 25px;
	text-align: center;
}

p {
	font-size: 20px;
}

.social-logo {
	width: 90px;
	height: 90px;
	line-height: 85px;
	justify-content: center;
	align-items: center;
}

.social-logo:hover {
	background-color: var(--tertiary-bg-color);
}

.social-logo img {
	margin: 15px;
}

.social-instagram {
	grid-area: 2 / span 1 / span 1 / -3;
	background-color: #F2B705;
}

.social-linkedin {
	grid-area: 2 / span 1 / span 1 / -2;
	background-color: #D98E04;
}

.social-vimeo {
	grid-area: 2 / span 1 / span 1 / -1;
	background-color: #BF6B04;
}

.text-box {
    position: relative;
	width: 100%;
	padding: var(--standard-padding);
	text-align: center;
	
}

.text-box p {
	display: inline;
}

.yellow-box {
    background-color: var(--primary-bg-color);
	line-height: 25px;
	letter-spacing: 2px;
}

.brown-box {
	height: 44px;
	background-color: var(--secondary-bg-color);
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

@media (max-width: 992px) {
	.inner-body {
		width: 100%;
		margin: 0px;
	}
}

@media (min-width: 992px) {
	.inner-body {
		width: 960px;
		margin: auto;
	}
}