@media only screen and (min-width: 200px) {
	body{
		background-color:#ffffff;
		color: #243642;
	}
	h1{
		color: #387478;
	}
	.clsalternatives{
		border-color: #629584;
		background: #E2F1E7;
		width: 80%;
	}
	.clscard{
		border-color: #629584;
		width: 80%;
	}
	.clstext{
		border-color: #629584;
		width: 80%;
	}	
	.clscardimg{
		width: 70%;
	}	
	h2{
		color: #387478;
	}
	.h2bordered{
		border: 5px solid #eeeeee;
		color: #387478;
	}
	.fixedsizeimp{
		width:100%;
		background: #eeeeee;
	}		
	.fixedsize{
		width:100%;
	}
	.smalldevice{
		display:block;
	}
	.bigdevice{
		display:none;
	}
	.smallbigdevice{
		colspan:2;
	}
	.row{
		width: 100%;
		display: float;
		justify-content: center;
	}
	.clssep{
		display: block;
	}
	.txtcolor{
		color: #387478;
	}
}

@media only screen and (min-width: 801px){
	body{
		background-color:#ffffff;
		color: #243642;
	}
	h1{
		color: #387478;
	}
	.clsalternatives{
		border-color: #629584;
		background: #e2f1e7;
		width: 40%;
	}
	.clscard{
		border-color: #629584;
		width: 40%;
	}
	.clstext{
		border-color: #629584;
		width: 60%;
	}
	.clscardimg{
		width: 90%;
	}	
	h2{
		color: #387478;
	}	
	.h2bordered{
		border: 5px solid #eeeeee;
		color: #387478;
	}
	.fixedsizeimp{
		width:100%;
		background: #eeeeee;
	}
	.fixedsize{
		width:1024px;
	}
	.smalldevice{
		display:none;
	}
	.bigdevice{
		display:block;
	}
	.smallbigdevice{
		colspan:1;
	}	
	.row{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}	
	.clssep{
		display: inline-block;
		width: 10%;
	}
	.txtcolor{
		color: #387478;
	}
}