﻿* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body,input, textarea, select, button {font-size: 15px;color:#111;font-family: 'Raleway', serif;line-height:30px}
body {background:#fff;margin:0;padding:0}
.green {color:#5ba42f;text-align:center}
h1 {margin-bottom:10px}
.item {border:1px solid rgb(181,181,181);background:#f1f1f1;overflow:hidden;position:relative;width:49%;float:left;margin:0.5%}
.item > div {margin-bottom:20px;margin-right:20px;padding:20px;}
.item p {margin:0;padding:0;line-height:18px;position:relative;overflow:hidden;border-bottom:1px solid rgb(228,228,228);padding:20px;font-size:22px}
.item p a {color:#000}
.item > div {line-height:18px;}
.item > div > div {overflow:hidden;position:relative;margin:10px 0}
.item > div > div > span:first-child {width:50px;display:inline-block;vertical-align: top}
.item > div > div > span:last-child {width:calc(100% - 60px);display:inline-block}
@media (max-width: 1200px) {
html,body,input, textarea, select, button {font-size: 14px;line-height:25px}
.item p {font-size:20px;padding:10px}
.item > div {min-height:inherit;padding:10px}
}
@media (max-width: 1100px) {
html,body,input, textarea, select, button {font-size: 13px;line-height:20px}
.item p {font-size:20px;padding:10px}
.item > div {min-height:inherit;padding:10px}
}
@media (max-width: 879px) {
.item {width:99%}
html,body,input, textarea, select, button {font-size: 12px;line-height:20px}
.item p {font-size:16px;padding:5px}
.item > div {min-height:inherit;padding:5px}
}

@media (min-width: 880px) {
.item {height:400px}
}