@charset "UTF-8";
/* CSS Document */

html {font-family: 'Open Sans', sans-serif;}
		body {
    background-color: #e5e5e5;
    text-align: center;
    padding: 5%;
}
	h1 {font-size: 50px; color: #083478; font-weight:normal;}
	h2 {font-size: 25px; color: #487BDE; font-weight:normal;}
	p {min-height: 135px;}
	img {width: 100%;}
	.container {background: #ffffff;  border-radius: 5px; padding: 25px;}
	.card50 {
    padding: 20px;
    margin-bottom: 20px;
    width: 30%;
    margin: 5%;
    display: inline-block;
    vertical-align: top;
    min-height: 300px;
}
	a.buttonBlue {
	background-color: #487BDE; 
	color: #ffffff; 
	text-decoration: none; 
	padding: 20px;
	padding: 10px 25px;
	border-radius: 5px;
	margin: 40px;
}
	a.buttonBlue:hover {    -webkit-box-shadow: 0 14px 26px -12px rgba(72,123,222,0.42), 0 4px 23px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(72,123,222,0.2);
    box-shadow: 0 14px 26px -12px rgba(72,123,222,0.42), 0 4px 23px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(72,123,222,0.2);
    color: #fff;}


@media (max-width: 500px) {
	 	.card50 {width: inherit; min-height: inherit; padding: 0;}
	h1{ font-size: 34px;}
	h2{ font-size: 24px;}
	p {min-height: inherit;}
	a.buttonBlue {margin: 25px;display: block;
	}
}


