* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Josefin Sans","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  color: #2b2a2f;
  font-weight: 300;
  font-size: 24px;
}

p {
  margin: 0 0 20px;
  line-height: 1.2;
}

a {
  text-decoration: none;
  color: #2b2a2f;
}
a:hover {
  color: #727078;
}

.wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.wrapper > * {
  flex: 1 100%;
}


/* ------- Navigation ------- */
#navigation_wrapper {background-color:rgba(255,0,0,0.0);}

    #navigation {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      width: 1000px;
      padding: 20px 0 5px;
      margin: 0 auto; }

    #navigation_wrapper #name a {
      text-decoration: none;
      text-transform: uppercase;
      font-weight:600;
      color: #2b2a2f;
    }


    #nav_bar {
      display:inline;
      margin-top:10px;
    }
    #ul_nav li a:hover {
      border-bottom: 1px solid;
    }


    #ul_nav li{
      text-transform: uppercase;
        display: inline;
        word-spacing: 30px;
        font-size: 18px;
    }
    /*#ul_nav li .two,
    #ul_nav li .three{
      border-left: 1px solid #2b2a2f;
      padding-left:25px;
    }*/


/* ------- Banner ------- */
#banner_wrapper{background-color:rgba(0,255,0,0.0);}

    #banner {
      width: 100%;
      height: 200px;
      background-image: url("image/header-image.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;

      box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.3),
                  inset 0px -11px 8px -10px rgba(0,0,0,.3);
    }

    #banner_container {
      width: 1000px;
      margin: 0 auto;
      height: 200px;
    }

    #banner .main_logo img{
      width: 217px;
      height: 156px;
      padding: 2% 0 0;
    }




/* ------- Content ------- */
#content_wrapper {background-color:rgba(0,0,255,0.0);}

    #content_body_wrapper {
      width: 1000px;
      margin: 0 auto;
    }
    #content {
      padding: 100px 0;
    }
    #content .about {
    }
    #content .contact {
      margin: 200px 0 0;
    }

    #content h2 {
      text-transform: uppercase;
      font-weight:600;
      font-size: 22px;
      border-bottom: 1px solid rgba(151,169,59,1);
      text-indent: 25px;
      margin: 0 0 20px;
      padding: 0 0 5px;
    }

    #content .about img {
      width: 215px;
      height: 161px;
    }

    #content .about .text {
      margin-left:30px;
    }
    #content .table {
      display: grid;
    }
    #content .cell {
      padding: 10px;
      line-height: 20px;
    }
    .about .col_2  {
      grid-template-columns: repeat(5, minmax(50px, 1fr));
    }
    .about .c4_span {
      grid-column: span 4;
    }
    .contact .col_2  {
      grid-template-columns: repeat(2, minmax(50px, 1fr));
    }
    .contact .c2_span {
      grid-column: span 2;
    }

    .contact .name {
      text-transform: uppercase;
    }




/* ------- Footer ------- */
#footer_wrapper {background-color:rgba(114,112,120,1);}

    #footer {
      width: 1000px;
      margin: 0 auto;
      padding: 80px 0 0;
      font-size: 18px;
      color: #fff;
    }

    #footer a {
      color: #fff;
    }
    #footer a:hover {
      color:#fa9223;
    }

    #footer p {
      line-height: normal;
    }

    #footer h4 {
      padding: 20px 0;
    }

    #foot_content img {
      width: 113px;
      height: 82px;
    }
    #footer_copyright {
      color: #fff;
      border-top: 1px solid #97a93b;
      margin-top: 50px;
    }
    #copyright {
      padding: 20px 0;
    }
    #copyright p{
      font-size: 14px;
      text-align: center;
      text-transform: uppercase;
    }

.email::before,
.phone::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.email span::before,
.phone span::before {
  font-family: "Font Awesome 5 Pro";
  color: #fa9223;
  padding-right:3px;
}

.email span::before {
  font-weight: 900;
  content: "\f0e0 ";
}

.phone span::before {
  font-weight: 900;
  content: "\f8d3 ";
}