body {
	margin: 0;
	font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #212121;
	background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Saira', sans-serif;
	margin: 0 0 0.5em 0;
	font-weight: 400;
	line-height: 1.2;
}
h1, h2 {
	margin-left: -50vw;
    width: fit-content;
    border-radius: 10px;
    background: rgb(42,85,128);
	background: linear-gradient(90deg, rgba(42,85,128,1) 0%, rgba(55,110,166,1) 100%);
	color: white;
    margin: 0px 0px 24px -50vw; 
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; 
}
h1 {
    font-size: 2em;
	padding: 16px 24px 16px 50vw;  
}
h2 {
    padding: 8px 16px 8px 50vw;
}
.h1-container{
	position: relative;
	margin-top: 30px;
}
.h1-edge-shadow{
	position:absolute;  
	right:4vh; 
	top:0;
	min-width: 50vw;
	min-height: 70px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.h2-container{
	position: relative;
	margin-top: 30px;
}
.h2-edge-shadow{
	position:absolute;  
	right:4vh; 
	top:0;
	min-width: 50vw;
	min-height: 44px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
p{
	line-height: 1.82;
}
hr{
	border: none;
	border-bottom: 2px solid;
}


a {
	color: inherit;
	text-decoration: none;
}


@media (min-width: 400px) {
	body {
		font-size: 16px;
	}
}

@media (prefers-color-scheme: dark) {
	body{
		color: #ffffff;
		background-color: #212121;
	}
}

.knock-out{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px inset, rgba(0, 0, 0, 0.23) 0px 3px 6px inset; 
    border-radius: 10px;
	
}