html, body {
	background-image: linear-gradient(45deg, rgb(0, 79, 163) 0%, rgb(0, 166, 198) 100%) !important;
}

body a {
	border-bottom: dotted 2px #ffffff;
}

body a:hover {
	border-bottom: solid 2px #ffffff;
}

body h2 {
	margin-top: 0.875em;
}

@media screen and (max-width: 736px) {
	body h2 {
		margin-top: 0.875em;
	}
}

body .wrapper.style2 {
	background-color: #004FA3;
}

#intro h1 ~ p {
	margin: 0.625em 0 0.625em 0;
}

#intro h1 + p {
	margin-top: 0;
}

#intro h2 ~ p {
	font-size: 1em;
	margin: .5em 0 .5em 0;
}

#hero {
	margin: auto;
	width: 100%;
	display: grid;
}

#hero img {
	height: 100%;
  	width: 100%;
	object-fit: cover;
	grid-row: 1;
}

@media only screen and (max-width: 3600px) {
  	#hero img:nth-of-type(6) {
    		display: none;
  	}
}

@media only screen and (max-width: 2880px) {
  	#hero img:nth-of-type(5) {
    		display: none;
  	}
}

@media only screen and (max-width: 2160px) {
  	#hero img:nth-of-type(4) {
    		display: none;
  	}
}
	
@media only screen and (max-width: 1440px) {
  	#hero img:nth-of-type(3) {
    		display: none;
	}
}

@media only screen and (max-width: 720px) {
  	#hero img:nth-of-type(2) {
    		display: none;
  	}
}