*{
	box-sizing:border-box;
}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body{
	background-color: rgb(220,220,220);
}

.outer{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-left: 10px;
	margin-right: 10px;
}

.two{
	max-width: 550px;
	width: 550px;
	margin-left: 10px;
	margin-right: 10px;
}

h1{
	color: rgb(21,122,22);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	line-height: 1.5;
}

h2{
	color: rgb(0,0,0);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	width: 100%;
}

.link{
	color: rgb(0,0,0);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

a{
	color: rgb(0,0,0);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

.topbox{
	display: flex;
	justify-content: center;
	margin: 30px;
}

img {
	max-width: 100%;
	height: auto;
}

p{
	color: rgb(0,0,0);
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
}

li{
	color: rgb(0,0,0);
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	line-height: 1.5;
}

@media only screen and (max-width: 768px){
	/* For mobile phones: */
	[class*="col"]{
		width: 100%;
	}
	.formright{
		position: static;
	}
}

@media only screen and (max-width: 768px){
	/* Other than mobile phones: */
	li{
		margin-left: 10px;
		margin-right: 10px;
	}
	.outer{
		margin-left: 10px;
		margin-right: 10px;
	}
}

.center{
	text-align: center;
}