/*CSS Reset*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/*logo section*/
#logo {
	font-family: 'Montserrat';
	font-style: normal !important;
	font-weight: 900 !important;
	font-size: 24px !important;
	line-height: 24px;
	/*identical to box height, or 100%*/
	color: #003363;
}

/*navlinks*/
nav a {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;

	/*!important is used to prioritize a css rule*/
	color: #004E84 !important;
}

#title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 68px;
	line-height: 84px;

	display: flex;
	align-items: center;
	text-align: center;

	color: #FFFFFF;
}

#base {
	text-align: center;
	padding: 8px 24px;
	background: #12C6FF;
	border-radius: 2px;
	font-family: 'Monsterrat';
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 24px;

	color: #FFFFFF;
}

#landing {

	background: 

		linear-gradient(

			rgba(0, 34, 65, 0.61),
			rgba(0, 34, 65, 0.61)

		),
		url("./images/landing.png");
		background-repeat: no-repeat;
		background-size: cover;
	;
}

#about {
	background: #003363;
}

#text-title {

	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;

	color: #12C6FF;
}

#about p {

	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;

	color: #FFFFFF;
}