@font-face {
font-family: raspoutine;
src: url(fonts/raspoutine_medium_italic.eot);
src: url(fonts/raspoutine_medium_italic.eot?#iefix) format('embedded-opentype'), url(fonts/raspoutine_medium_italic.woff) format('woff'), url(fonts/raspoutine_medium_italic.ttf) format('truetype'), url(fonts/raspoutine_medium_italic.svg#raspoutine_medium_italic) format('svg');
font-weight: 400;
font-style: normal
}
.raspoutine {
font-family: raspoutine
}
.arial {
font-family: Arial, Helvetica, sans-serif
}
body {
margin: 0;
padding: 0;
background: #eee;
min-width: 500px
}
.title {
width: 100%;
float: left;
text-align: center;
font-family: raspoutine;
color: #333
}
.title h1 {
margin: 0 0 10px
}
.title h1 .blue {
color: #3b9afb
}
.title a {
color: #333;
font-size: 18px;
text-decoration: none
}
.hr-line {
width: 100%;
float: left;
height: 1px;
background-color: #d1d7d8;
border-top: 1px solid #fff;
margin: 20px 0
}
.documentation {
width: 100%;
float: left;
text-align: center;
font-family: raspoutine;
font-size: 18px
}
.documentation a {
color: #3b9afb
}
#container {
width: 90%;
margin: 0 auto;
padding: 30px 0
}
.block {
width: 26%;
margin-right: 3%;
float: left;
background: #fff;
border: 1px solid #ccc;
padding: 2%
}
.block h1 {
color: #3b9afb;
font-family: raspoutine;
font-size: 30px;
margin: 0 0 20px
}
.block:last-child {
margin-right: 0
}
.block p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13.5px;
line-height: 22px;
text-align: justify
}