@import url("/templates/global.css");
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@600&display=swap');

.t-primary-bgcolor {
	background-color: #e7ae3f;
}

a {
	color: #e3a11c;
}

.header {
	height: 114px;
	width: 100%;
	background-color: #1f3461;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__logo img {
    max-height: 74px;
}

body {
	background-image: linear-gradient(180deg,rgba(15,33,65,0.8) 0%,rgba(54,99,169,0.75) 100%), url(body-bg.jpg);
	background-size: cover, cover;
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
	background-color: #173164;
	min-height: 100vh;
}

.header__nav {
	font-family: "Teko", sans-serif;
	font-size: 21px;
}

.header__nav a {
	letter-spacing: 1px;
	padding-right: 22px;
	transition: ease-in-out 0.4s;
}

.header__nav a:hover {
	color: #ab8949;
	text-decoration: none;
}

.main {
	width: 1170px;
	margin-top: 30px;
	border-top: 10px solid #e7ae3f;
}

@media screen and (max-width: 1100px) {
	.header__nav {
		display: none;
	}
}