#service .service_message {
  margin: 0 0 50px 0; }
  #service .service_message h2 {
    margin: 0 0 30px 0;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0.6rem;
    color: #4c8492; }
  #service .service_message h3 {
    margin: 0 0 25px 0;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.4rem; }
  #service .service_message p {
    font-size: 1.4rem;
    line-height: 2.4; }
#service .service_branding {
  background-color: #eee; }
  #service .service_branding img {
    width: 95%; }
  #service .service_branding .button {
    margin: 20px 0 0 0;
    background-color: #eee;
    padding: 10px 25px;
    font-size: 1.4rem;
    color: #4c8492;
    border: 1px solid #4c8492; }
    #service .service_branding .button:hover {
      color: #fff;
      background-color: #4c8492; }
#service .service_webgra img {
  width: 95%; }
#service .service_webgra .button {
  margin: 20px 0 0 0;
  background-color: #fff;
  padding: 10px 25px;
  font-size: 1.4rem;
  color: #4c8492;
  border: 1px solid #4c8492; }
  #service .service_webgra .button:hover {
    color: #fff;
    background-color: #4c8492; }
#service ul {
  margin: 25px 0 0 0;
  padding: 0;
  list-style-type: none; }
#service ul li {
  position: relative;
  padding: 5px 0 5px 12px;
  border-bottom: 1px dashed #cdcdcd;
  line-height: 3rem; }
#service ul li::before {
  position: absolute;
  content: '';
  display: block;
  top: 17px;
  left: 0;
  width: 6px;
  height: 6px;
  border-right: 2px solid #4c8492;
  border-bottom: 2px solid #4c8492;
  transform: rotate(-45deg); }

@media screen and (max-width: 39.9375em) {
  #service .service_message h3 {
    margin: 0 0 15px 0;
    font-size: 2.0rem; }
  #service .service_message p {
    font-size: 1.4rem;
    line-height: 2.2; }
  #service .service_branding {
    background-color: #eee; }
    #service .service_branding img {
      width: 100%; }
  #service .service_webgra img {
    width: 100%; } }