html {font-family: sans-serif; height: 100%}
    body {margin: 0; padding: 0; height: 100%; position: relative; width: 100%;}
    
    h1, h2, h3, h4, h5, h6 {display: block; padding: 0; margin: 0; font-family: 'Titillium Web', sans-serif;}
    h1 {font-size: 52px}
    h2 {font-size: 48px}
    h3 {font-size: 40px}
    h4 {font-size: 32px}
    h5 {font-size: 24px}
    h6, p {font-size: 16px; font-family: 'Titillium Web', sans-serif;}

    p {padding-top:0; margin-top: 0; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; }

    a {color:#000; text-decoration: none; border-bottom: 1px dotted #000}

    input, select, textarea {display: block; width: 100%; border-radius: 3px; padding: 2%; box-sizing: border-box; border:1px solid #CCC; -webkit-appearance: none; -webkit-border-radius: 3px;}
    textarea {min-height: 200px}

    .gradient {background-color: #FFF}

    /*.feature_item {height: 300px; position: relative; box-sizing: border-box; background-size: cover; width: 100%; border-radius: 3px; -webkit-filter: grayscale(50%); filter: grayscale(50%);}
    .feature_item:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}*/
    .feature_item {height: 300px; position: relative; box-sizing: border-box; background-size: cover; width: 100%; border-radius: 3px;}
    .item_img {background-size:cover; position: relative; height: 100%; border-right:1px solid #EAEAEA; background-position: bottom center;}
    .item_list {background: #FFF; padding: 0%; position: relative; height: 100%; overflow-y: auto;}

    
    .btn {border-radius: 3px; display: inline-block; box-sizing: border-box; padding: 2% 4%; font-size: 14px; width: auto; cursor: pointer;}
    .green_bg {background: #090; color: #FFF; text-decoration: none; border:2px solid #090; }
    .transparent_bg, .transparent_bg_white {background: #none; color: #000; text-decoration: none; border:2px solid #000; font-weight: bold;}
    .transparent_bg_white {color: #FFF; border:2px solid #FFF;}
    .grey_row {background: #FAFAFA; border:1px solid #EAEAEA; margin-top: 10px}

    .section {margin: 0; display: block; vertical-align: top; box-sizing: border-box; position: relative;}

    .sub_hero {border-bottom: 2px solid #EAEAEA;}
    .section-heading {text-align: center;}
    
    .column {box-sizing: border-box; padding: 3%; display: inline-block; position: relative; height: 100%; vertical-align: top;}
    .one {width: 10%}
    .two {width: 20%}
    .three {width: 30%}
    .four {width: 40%}
    .five {width: 50%}
    .six {width: 60%}
    .seven {width: 70%}
    .eight {width: 80%}
    .nine {width: 90%}
    .ten {width: 100%;}
  
  /* Smaller than 750 */
  @media (max-width: 750px) {

    h3 {font-size: 36px}

    .mobile_hide {display: none;}
    #hidden_content{display:none; text-align: right;}
    #hamburger {max-width:35px; display: inline-block; vertical-align: middle;}

    .gradient {background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}

    .container {width: 100%; box-sizing: border-box; padding: 15% 5%;}
    .item_img {background-size:cover; position: relative; height: 50%; border:none; background-position: center;}
    .item_list {background: #FFF; padding: 0%; overflow-y: initial;}
    .feature_item {height: 225px;}

    .one {width: 100%}
    .two {width: 100%}
    .three {width: 100%}
    .four {width: 100%}
    .five {width: 100%}
    .six {width: 100%}
    .seven {width: 100%}
    .eight {width: 100%}
    .nine {width: 100%}
    .ten {width: 100%;}
    .column {padding:25px;}

    .menu {position: relative; margin: 0 auto; box-sizing: border-box; padding: 3% 5% 3% 3%}
    .menu_item {display: block; vertical-align: middle; width: 100%; margin-bottom: 5px; text-align: right}
    .menu_item a {text-decoration: none; border: none; color: #666666; text-align: right;}
    .menu_item h5 {margin: 0; color: #666666; display: inline-block; text-align: right; font-size: 32px}
    .menu_item h5:hover {margin: 0; color: #000; display: inline-block; text-align: right; font-size: 32px}

    .hero {background-image: url('/imgs/hero3.jpg'); background-size: cover; height:50vh; background-position: top;}
    .hero h3 {font-size: 22px}
    .hero_header {width: 85%; margin: 22% auto; text-align: left;}
  }

  /* Bigger than 550 */
  @media (min-width: 750px) {
    .desktop_hide {display: none;}

    .container {width: 100%; box-sizing: border-box; padding: 5% 10%;}
    .item_list {background: #FFF; padding: 1%; position: relative; height: 100%; overflow-y: auto;}

    .gradient {background-color: #FFF}

    .hover_white {border:2px solid #666; color:#000;}
    .hover_white:hover {background:#FFF; color:000; border-color:#000;}

    .menu {position: relative; margin: 0 auto; box-sizing: border-box; padding: 1% 2%}
    .menu_item {display: inline-block; vertical-align: middle; width: 8%; text-align: right;}
    .menu_item a {text-decoration: none; border: none; color: #666666}
    .menu_item a:hover {text-decoration: none; border: none; color: #000}
    .menu_item h5 {margin: 0; color: #666666; display: inline-block;}
    .menu_item h5:hover {margin: 0; color: #000; display: inline-block;}

    .hero {background-image: url('/imgs/hero3.jpg'); background-size: cover; height:90vh; background-position: bottom;}
    .hero_header {display:block; position:absolute; top:25%; right:5%; width: 70%}
  }