body {
	font-size: 1.125rem;
	font-family: Cambria;
	font-weight: 500;

	color: #2e3500;

	margin: 0;
	
	background-color: #f0f0f0;
}

/* Typography */

h1,
h2 {
	font-weight: 900;
}

h1 {
	font-size: 2rem;
	
	color: #7E141D;
	
	padding: 0.3em;
	margin-top: 0;
	
	font-weight: 900;
}

h1 span{
	color: #2e354f;
	
	font-size: 0;
}

h2 {
	font-size: 1rem;
	color: #7E141D;
	
}

p {
	font-family: Cambria;
	font-size: 0.9rem;
	margin-top: 0;
}

img {
	max-width: 100%;
	image-orientation: from-image;
}

/* Layout */

.logo-header {
	max-width: 35%;
}

.header {
	
	border-style: none none solid none ;
	border-width: 0.2 em;
	
	padding: 0.5em;
	min-width: 50%;
}


nav a{
	font-size: 1rem;
	font-weight: bold;
	
	background-color: #f0f0f0;
	
	border-width: 0rem;
	
	margin: 0 auto;
	
	padding: 0.1em 0.1em;	
	color: #2e3500;
	
		
	line-height: 1.5;
	text-decoration: none;
	
}
nav a:visited{
	color: #2e3500;
}
nav a:hover,
nav a:focus{
	color: #7E141D;
}

.current-page{
	
	color: #7E141D;
}
.current-page:visited{
	
	color: #7E141D;
}

.container {
	width: 95%;
	max-width: 960px;
	
	margin: 0 auto;
	font-size: 1rem;
	padding: 0.5em;
	
	
}

.columns {
	display: flex;
	font-size: 1rem;
	justify-content: space-between;
	
}
@media	(max-width: 820px) {
	.columns {
		flex-direction: column; 
	}
}

.col {
	padding: 0.5em;
	
	border-style: none none solid none;
	border-width: 0.2em;

}
.col-dark {
	background-color: #f0f0f0;
	color: #fff;
	

}

.col-light{
	background-color: #f0f0f0;
	
}

.footer {
	display: flex;
	font-size: 0.75rem;
	
	justify-content: space-between;
	background-color: #2e3500;
	

	
}
.footer p{
	
	color: #fff;
	font-size: 0.75rem;
	
}
.contact-form {
	
	
	
	width: 95%;
	max-width: 960px;
	
	margin: 0 auto;
	font-size: 1rem;
	border-style: solid solid solid solid;
	
	border-width: 0.1em;
}
.contact-form-row {
	
	display: flex;
	font-size: 1rem;
	justify-content: space-between;
	
	padding: 0.5em;
	
}

/* bot trap */ 
.contact-form-row-2 {
	
	display: none;
	font-size: 1rem;
	justify-content: space-between;
	
	padding: 0.5em;
	
}
/* above is bot trap */


.contact-form-label{
	
	width: 10%;
	
}
.contact-form-input{
	
	width: 85%;
	
}

/* colums size definitions */
/* 2 columns next to eachother */
.col2 {
	width: 45%;
}
/* 3 columns next to eachother */
.col3 {
	width: 28%;
	
}
/* 4 columns next to eachother */
.col4 {
	width: 20%;
}
@media	(max-width: 820px) {
	.col2,
	.col3,
	.col4 {
		width: 97%; 
	}
}