navbar{

	text-align: center;

}

.topnav {

	overflow: hidden;

	background-color: #333;

	text-align: center;

	padding-top: 5px;

	padding-bottom: 5px;

}

.topnav a {

	color: #f2f2f2;

	text-align: center;

	display: inline-block;

	padding: 8px 2.35vw;

	text-decoration: none;

	font-size: 17px;

}

.topnav a:hover {

	background-color: #ddd;

	color: black;

}

.topnav a.active {

	background-color: #04AA6D;

	color: white;

}



/* Style inputs with type="text", select elements and textareas */

input[type=text], select, textarea {

	width: 100%; /* Full width */

	padding: 12px; /* Some padding */ 

	border: 1px solid #ccc; /* Gray border */

	border-radius: 4px; /* Rounded borders */

	box-sizing: border-box; /* Make sure that padding and width stays in place */

	margin-top: 6px; /* Add a top margin */

	margin-bottom: 16px; /* Bottom margin */

	resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */

}



/* Style the submit button with a specific background color etc */

input[type=submit] {

	background-color: #04AA6D;

	color: white;

	padding: 12px 20px;

	border: none;

	border-radius: 4px;

	cursor: pointer;

}



/* When moving the mouse over the submit button, add a darker green color */

input[type=submit]:hover {

	background-color: #45a049;

}



/* Add a background color and some padding around the form */

.container {

	border-radius: 5px;

	background-color: #f2f2f2;

	padding: 20px;

}



* {

	box-sizing: border-box;

	align-items: center;

	margin-left: auto;

	margin-right: auto;

	max-width: 1200px;

}

.row1 {

	display: flex;

	flex-grow: 1

}

.row2 {

	display: flex;

	flex-grow: 2;

}

.row3 {

	display: flex;

	flex-grow: 3

}

.coltext2 {

	flex: 50%;

	padding-left: 3vw;

	padding-right: 3vw;

	text-align: justify;

}

.coltext3 {

	flex: 33%;

	padding-left: 2.5vw;

	padding-right: 2.5vw;

	text-align: justify;

}

.colimg2 {

	flex: 50%;

}

.colimg3 {

	flex: 33%;

}

.centertext {

	text-align: center;

	font-size: min(2.33vw, 24px);

	line-height: 4.5vh;

	margin: 15px;

	font-style: italic;

}

.leftext {

	text-align: left;

	font-size: min(2.5vw, 28px);

	line-height: 20px;

	font-weight: bold;

	font-style: italic;

}

.rightext {

	text-align: right;

	font-size: min(2.33vw, 26px);

	line-height: 0px;

	font-weight: bold;

	font-style: italic;

}

.context {

	font-size: min(4vw, 24px);

	line-height: 0px;

	font-weight: bold;

}

img {

	max-width:100%;

}

p {

	font-size: min(1.5vw, 20px);

	line-height: min(3vw, 36px);

}

ul {

	font-size: min(2vw, 24px);

}

li span {

	position: relative;

	left: -10%;

	line-height: calc(1.4vw + 1.3vh);

}