* {
 box-sizing: border-box;
}
 body {
 text-align: center;
 background-color: #e3f0f0;
}
 h1 {
	font-family: 'PT+Serif', sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #002c39;
    padding: 50px 0 20px;
}
h2 {
	font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;    
    color: #003b4c;
    padding: 0px 250px;    
}
h3 {
	font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;    
    color: #003b4c;
    padding: 40px 0 40px 190px;    
}
p {
	font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;        
    color: #003b4c;        
    text-indent: 5%;
    margin-bottom: 0;        
}
img {
	float: left;
	padding: 0 30px 20px 0;
}
.block {
	width: 860px;	
	margin: 50px auto;
	padding: 30px 70px;	
	border: 4px solid #e3f0f0;
    background-color: #fff;
	border-radius: 25px;	
	text-align: justify;  
}
@media (min-width: 992px) and (max-width: 1199px) {
h2 {
	padding: 0px 150px;	
}	
}
@media (min-width: 768px) and (max-width: 991px) {
h2 {
	padding: 0px 100px;	
}
.block {
    width: 95%;   
    margin: 50px auto;
    padding: 30px 40px;	
}
}
@media (min-width: 480px) and (max-width: 767px) {
h2 {
    padding: 0px 20px;
}
.block {
    width: 95%;   
    margin: 50px auto;
    padding: 30px 20px;    
}
}
@media (max-width: 479px) {
h2 {
    padding: 0px 20px;
}
.block {
    width: 95%;   
    margin: 50px auto;
    padding: 10px 10px;    
}
h3 {    
    padding: 0px 0 20px 0px;    
}
img {
    float: none;
    padding: 0 0;    
}
}