humpbus

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/WmVKXVcOuffP_qmCpFuyzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/QoPu455RxV2raYSIFXAMBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/1ImRNPx4870-D9a1EBUdPPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

#boxhump {width: 400px; padding: 10px; position: relative; min-height: 640px; background: #fff;}
#boxhump .hpic1 {background: #fff; border-radius: 100%; width: 150px; height: 150px; overflow: hidden; position: absolute; bottom: 250px; left: 10px; border: 1px solid #6fa9ae; padding: 10px;}
#boxhump .hpic2 {background: #fff; border-radius: 100%; width: 150px; height: 150px; overflow: hidden; position: absolute; bottom: 12px; left: 10px; border: 1px solid #6fa9ae; padding: 10px;}
#boxhump .hpic1 img, #boxhump .hpic2 img {border-radius: 100%;}
#boxhump hbar {width: 1px; height: 350px; background: #6fa9ae; position: absolute; bottom: 150px; left: 98px;}
.hcontent1 {height:162px; width: 200px; border-bottom: 1px solid #6fa9ae; position: absolute; bottom: 250px; right: 10px; padding-bottom: 10px;} #boxhump htit {display: block; text-align: center; font-weight: 900; font-style: italic; font-family: raleway; text-transform: uppercase; font-size: 20px; color: #000;}
#boxhump hsubtit {display: block; font-size: 9px; font-family: verdana;}
#boxhump htext {color: #6b6b6b; line-height: 100%; text-align: justify; font-family: verdana; font-size: 11px; display: block; padding-top: 5px;}
.hcontent2 {height:162px; width: 200px; border-bottom: 1px solid #6fa9ae; position: absolute; bottom: 12px; right: 10px; padding-bottom: 10px;}
#boxhump hump {color: #fff; font-weight: bold; border-radius: 100%; position: absolute; top: 12px; right: 90px; font-family: raleway; font-size: 60px; padding: 15px; background: #000; line-height: 100%; width: 60px;}
#boxhump humpy {width: 60px; color: #fff; font-weight: bold; border-radius: 100%; position: absolute; top: 12px; left: 170px; font-family: raleway; font-size: 60px; padding: 15px; background: #6fa9ae; line-height: 100%;}
#boxhump desc-hump {padding: 10px; padding-top: 0px; width: 290px; margin-top: 120px; color: #6b6b6b; font-size: 11px; font-family: verdana; line-height: 100%; display: block; border-left: 1px solid #6fa9ae; border-bottom: 1px solid #6fa9ae; margin-left: 87px;}