@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

body { margin: 0; font-family: 'Open Sans', sans-serif; padding-bottom: 30px; }

h4 { color: #2AA2A5; font-size: 16px; margin-top: 1rem; }

/* Top block */
.topBlock { background: url('/assets/img/bg.png'); background-size: cover; min-height: 75vh; padding-bottom: 50px; border-bottom: 10px solid rgb(188,176,163); }
.topBlock .container > p { text-align: center; color: white; font-size: 16px; font-weight: bold; padding-top: 50px; }
.topBlock .flex { display: flex; justify-content: space-between; margin-top: 30px; }

.topBlock .item-block { display: flex; flex-direction: column; width: 35%; background-color: rgb(255,255,254); padding: 40px 40px 25px; border-top: 10px solid rgb(188,176,163); }
	.topBlock .item-block .head { display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 2px solid black; margin-bottom: 15px; }
	.topBlock .item-block .head .orange { color: #F0A93F; font-size: 25px; text-align: center; font-weight: bold; line-height: 1em; }
	.topBlock .item-block .head .blue { color: #2AA2A5; text-align: center; font-weight: bold; margin-bottom: 15px; }
	.topBlock .item-block .content { flex: 1 0 auto; display: flex; flex-direction: column; }
	.topBlock .item-block .content h3,
	.topBlock .item-block .content .h3 { font-size: 25px; font-weight: bold; text-align: center; margin-bottom: 25px; }
	.topBlock .item-block .content p { text-align: center; }
	.topBlock .item-block .content a { margin-top: auto; text-align: center; padding: 7px 40px; background: rgb(100, 136, 154 ); color: white; border: none; transition: 0.2s; }
	.topBlock .item-block .content a:active,
	.topBlock .item-block .content a:focus,
	.topBlock .item-block .content a:hover { background-color: rgba(83, 115, 131, 1); text-decoration: none; }
	
/* Image block */
.image-block { padding: 0 15px; }
	.image-block .images { display: flex; flex-wrap: nowrap; align-items: center; margin: 0 -15px; justify-content: center; }
	.image-block .images img { padding: 0 15px; }
	
@media (max-width: 992px) {
	.topBlock .flex { flex-wrap: wrap; }
	.topBlock .flex .item-block { width: 100%; margin-bottom: 30px; }
	.image-block .images { flex-wrap: wrap; }
}