@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

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

a {
	color: #356f5e;
}

body {
	background: linear-gradient(rgba(91,130,157,.9) 0,rgba(91,130,157,.95) 85px,rgba(91,130,157,0) 250px,rgba(132,160,180,0) 425px,rgba(254,254,254,1) 600px) no-repeat top center, url(body-bg.png) no-repeat top center;
	background-color: #f6f6f6;
	min-height: 100vh;
}

.container {
	width: 1200px;
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14.4px 0 14.4px 7px;
}

.header__nav {
	font-family: "Roboto Condensed";
	font-size: 17px;
	align-self: flex-end;
	padding-bottom: 5px;
}

.header__nav a {
	color: #FFF;
	padding: 12px;
}

.header__nav a:hover {
	background-color: #4a8171;
}

.main {
	border: 1px solid #dadcdd;
	margin-top: 30px;
}

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