p {
	text-align:justify;
	font-family: 'Caladea', serif;
	font-size:1.25em;
}
h1 {
	text-align:justify;
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	color:red;
}
h2 {
	text-align:justify;
	font-family: 'Roboto', sans-serif;
	font-size:1.25em;
	color:blue;
}
#container{
	width:960px;
	margin:0px auto;
	img{
		width:100%;
	}
}
#full-column{
	width:100%;
	margin:0px auto;
}
#left-column{
	width:260px;
	float:left;
	background:blue;
}

#right-column{
	width:700px;
	float:left;
	background:orange;
}

.card-image {
	width:100%;
	height:100%;
	object-fit:cover;
	
}


.formleft {
	text-align:justify;
	font-family: 'Roboto', sans-serif;
	font-size:1.3em;
	color:#00008B;
}

.centerthetable {
	text-align: center;
	font-size: 1.3em;
}
	.active-row{
		text-align:left;
		font-size:1em;
		
	}

.centerreset{
	margin:0px auto;
}

@media screen and (max-width:959px){
	#container{
		width:100%;
	}
	#left-column{
		width:30%;
	}
	#right-column{
		width:70%;
	}
	img{
		width:100%;
	}
.formleft {
	text-align:left;
	font-family: 'Caladea', sans-serif;
	font-size:1.1em;
}
	.boldleft {
		text-align:right;
		font-size:.9em;
	}
	.active-row{
		text-align:left;
		font-size:.8em;
		
	}
	

}

@media screen and (max-width:640px){
	#left-column{
		width:100%;
	}
	#right-column{
		width:100%;
	}
.formleft {
	text-align:left;
	font-family: 'Caladea', sans-serif;
	font-size:1.1em;
}
	.boldleft {
		text-align:right;
		font-size:.9em;
	}
	.active-row{
		text-align:left;
		font-size:.8em;
		
	}
	
	
}

@media screen and (max-width:320px){
	#container{
		width:300px;
	}
	h1 {
	text-align:justify;
	font-family: 'Roboto', sans-serif;
	font-size:1.1em;
	color:red;
	}
h2 {
	text-align:justify;
	font-family: 'Roboto', sans-serif;
	font-size:1.1em;
	color:blue;
}
.formleft {
	text-align:left;
	font-family: 'Caladea', sans-serif;
	font-size:1.1em;
}
	.boldleft {
		text-align:right;
		font-size:.9em;
	}
	.active-row{
		text-align:left;
		font-size:.8em;
		
	}
}