@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
* { margin: 0; padding: 0; box-sizing: border-box; }
body { color: #2c3e50; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.42857; }
#wrapper { max-width: 1200px; width: 100%; padding: 15px 15px; margin: 0 auto; }
p { margin-bottom: 20px; }
img { max-width: 100%; height: auto; }
h1 { text-transform: uppercase; font-size: 3em; margin-bottom: 20px; }
header { display: table; width: 100%; }
header span { float: right; }
header span img { max-width: 100px; }
.col-left { float: left; width: 39%; }
.col-right { float: right; width: 58%; }
.button-set img { max-width: 155px; }
.image-box { margin: 0 auto 20px; max-height: 450px; text-align: center; }
.image-box > img { }
header h1 { float: left; }
.button-set { text-align: center; }
.button-set > span { display: inline-block; margin: 0 10px; }
.clear { clear: both; }
.col-right ul { margin-bottom: 20px; padding-left: 30px; }
 @media (max-width: 940px) {
.button-set img { max-width: 118px; }
 }
 @media (max-width: 767px) {
.col-left, .col-right {
width: 100%;
margin-bottom:30px
}
.button-set > span {
margin-bottom: 10px;
}
header span img {
 max-width: 80px;
}
h1 {
 font-size: 2em;
 margin: 0 auto 10px;
 text-align: center;
 width: 100%;
}
 header span {
 display: block;
 float: none;
 margin: 0 auto 10px;
 text-align: center;
 width: 100%;
}
.image-box {
max-height:inherit;
}
}