body {
	font-family: 'Noto Sans', sans-serif;
	font-size: 25px;
	font-weight: 300; 
	text-decoration: none; 
	margin: 0;
	background-color: #eee;
}

.overlay{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.7);
}

.get-in-touch{
	display: none;
	position: fixed;
	top: 200px;
	left: 35%;
	right: 35%;
	/* border: 3px #7f2aff solid; */
	border: 3px white solid;
	background-color: white;
	box-shadow: 0 1px 25px #222;
}

.dialog-header{
	background-color: #7f2aff;
	background-image: linear-gradient(50deg, transparent 20%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.5) 100%);
	padding: 10px;
	color: white;
	margin-bottom: 10px;
}

.header-grid{
	display: grid;
	grid-template-columns: 50%;
}
.header-grid1{
	grid-column: 1;
}
.header-grid2{
	grid-column: 2;
	text-align: right;
}

.dialog-body{
	padding: 5px;
}
.link{
	display: block;
	border: 2px #45168b solid;
	border-radius: 5px;
	padding: 10px;
	background-color: rgba(0,0,0,0);
	color: #45168b;
	font-size: 20px;
	box-shadow: inset 0 0 6px #45168b;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.link:hover{
	background-color: #45168b;
	color: white;
}
.purple{
	color: #45168b;
	font-size: 20px;
}

@media screen and (max-width: 450px) {
	.get-in-touch{
		top: 10%;
		left: 3px;
		right: 3px;
	}
}
@media screen and (min-width: 1500px) {
	.get-in-touch{
		left: 40%;
		right: 40%;
	}
}

.logo-header{
	background-color: #7f2aff;
	background-image: linear-gradient(50deg, transparent 40%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.5) 100%);
	padding: 10px;
	box-shadow: 0 1px 5px #222;
}

.grid50{
	display: grid;
	grid-template-columns: 50%;
}

.grid1{
	grid-column: 1;
}
.grid2{
	grid-column: 2;
	text-align: right;
}
@media screen and (max-width: 450px) {
	.grid50{
		display: block;
	}
	.grid1{
		text-align: right;
	}
}


button{
	border: 1px white solid;
	border-radius: 5px;
	padding: 10px;
	background-color: rgba(0,0,0,0);
	color: white;
	font-size: 20px;
	box-shadow: inset 0 0 6px white;
	cursor: pointer;
}
button:hover{
	background-color: white;
	color: black;
}
button.x{
	padding: 5px 10px;
}

.welcome{
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 80px;
	margin: 40px;
}
.title{
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 60px;
	margin: 0 0 40px 0;
}
@media screen and (max-width: 450px) {
	.welcome{
		font-size: 50px;
	}
	.title{
		font-size: 30px;
	}
}

.block{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}
@media screen and (max-width: 450px) {
	.block{
		width: auto;
		margin: 3px;
	}
}

/* bg* must contain .block */
.bg1{
	color: black;
	box-shadow: 0 -3px 8px rgba(0,0,0,0.3);
}
.bg2{
	color: white;
	background-color: #ab9a55; 
	/* ab8900; */
	background-image: linear-gradient(50deg, transparent 20%, rgba(0,0,0,0.5) 100%);
	box-shadow: 0 -3px 8px rgba(0,0,0,0.3);
}
.bg3{
	color: white;
	background-color: #c87137;
	/* c87137; */
	background-image: linear-gradient(130deg, transparent 20%, rgba(0,0,0,0.5) 100%);
	box-shadow: 0 -3px 8px rgba(0,0,0,0.3);
}
.bg4{
	color: white;
	background-color: #4a964a;
	/* 2ea82e; */
	background-image: linear-gradient(90deg, transparent 20%, rgba(0,0,0,0.5) 100%);
	box-shadow: 0 -3px 8px rgba(0,0,0,0.3);
}
.bg5{
	color: white;
	background-color: #577aaf;
	/* 0066ff; */
	background-image: linear-gradient(130deg, transparent 20%, rgba(0,0,0,0.5) 100%);
	box-shadow: 0 -3px 8px rgba(0,0,0,0.3);
}
.bg6{
	color: white;
	background-color: #725e96;
	/* 7f2aff; */
	background-image: linear-gradient(50deg, transparent 20%, rgba(0,0,0,0.3) 100%);
	box-shadow: 0 -3px 8px rgba(0,0,0,0.3);
}

.section{
	padding: 25px;
	background-color: rgba(255,255,255,0.2);
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	margin-bottom: 20px;
}
.star{
	width: 20px;
	margin-right: 10px;
}

.learn-more{
	text-align: center;
	text-decoration: underline;
	margin-bottom: 10px;
	cursor: pointer;
}
.black{
	color: black;
}
.more{
	display: none;
}
a{
	color: white;
}

.link-footer{
	display: block;
	border: 2px #0066ff solid;
	border-radius: 5px;
	padding: 10px;
	background-color: rgba(0,0,0,0);
	color: black;
	font-size: 22px;
	box-shadow: inset 0 0 6px #0066ff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	width: 50%;
}
.link-footer:hover{
	background-color: #0066ff;
	color: white;
}
.blue{
	color: black;
	font-size: 20px;
}
@media screen and (max-width: 450px) {
	.link-footer{
		width: 100%;
		box-sizing: border-box;
	}
	.section{
		padding: 10px;
	}
}

.small-print-bg{
	color: black;
}
.footer-grid{
	display: grid;
	grid-template-columns: 80%;
}
.small-print{
	font-size: 11px;
	line-height: 35px;
}
.marks{
	grid-column: 1;
}
.footer-item{
	grid-column: 2;
}
.footer-oregon{
	text-align: right;
}
.oregon{
	width: 40px;
}

@media screen and (max-width: 450px) {
	.small-print{
		line-height: 20px;
	}
	.footer-grid{
		display: block;
	}
	.footer-oregon{
		margin-top: 10px;
		text-align: center;
	}
}