.colbox3 {
    width: 30%;
    float: left;
    line-height: 140%;
    text-align: center;
	margin: 1.5%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
	border-radius: 5%;
}
.colbox4 {
    width: 23%;
    float: left;
    line-height: 140%;
    text-align: center;
	margin: 1%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
	border-radius: 3%;
}
.colbox50 {
    padding: 2em;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 140%;
    text-align: center;
	margin-left: 25%;
	margin-right: 25%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
	border-radius: 5%;
}

@media (max-width: 420px) {	
.colbox3 {
	width: 90%;
	margin: 4%;
}
.colbox4 {
	width: 90%;
	margin: 4%;
}
.colbox50 {
    margin-left: 10%;
    margin-right: 10%;
    padding: 1em;
}
}

@media (min-width: 421px) and (max-width: 768px) {
.colbox3 {
	width: 90%;
 	margin: 4%;
}
.colbox4 {
	width: 90%;
	margin: 4%;
}
.colbox50 {
    margin-left: 15%;
    margin-right: 15%;
}
}