@charset "UTF-8";


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */


[role="button"] { cursor: pointer; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 21px; margin-bottom: 10.5px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 10.5px; margin-bottom: 10.5px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }


.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }






/* Banner */
.banner__text { font-size: 20px; text-align: center; padding: 30px 0 10px 0; }
@media (min-width: 992px) { .banner__text { float: left; padding: 23px 0 22px 0; } }

.banner__buttons { text-align: center; padding: 10px 0 30px 0; }
@media (min-width: 992px) { .banner__buttons { float: right; padding: 14px 0 13px 0; } }
.banner__buttons .btn { margin: 5px 0; }
@media (min-width: 992px) { .banner__buttons .btn { margin: 0; } }



/* Featured Page */
.page-box__picture > img { width: 100%; height: auto; }
.page-box__title > a { color: #333333; }
.page-box__content p:first-of-type { margin: 0; }
.page-box--block .page-box__title { margin-top: 25px; margin-bottom: 15px; }
.page-box--inline .page-box__picture { display: block; float: left; margin-right: 20px; margin-bottom: 10px; }