@charset "UTF-8";
/*
Theme Name: Twenty Nineteen Child
Theme URI: https://drjengdds.com/twentynineteen-child/
Description: Twenty Nineteen Child Theme
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentynineteen
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentynineteenchild
*/

body {font-family: 'Open Sans', Helvetica, Arial; line-height: 1.6; font-size: 80%;}
.entry .entry-content > *, .entry .entry-summary > * {max-width: inherit;}
.main-navigation, .page-description, .author-description .author-link, 
.not-found .page-title, .error-404 .page-title, .post-navigation .post-title, 
.pagination .nav-links, .comments-title, .comment-author .fn, 
.no-comments, .site-title, h1, h2, h3, h4, h5, h6, td {
  font-weight: normal;
  font-family: 'Open Sans', Helvetica, Arial;
  -ms-word-break: none;
  -ms-word-wrap: none;
  -word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

/**** contact form fixed***/
.form-fixed {
  width: 100%; 
  background: #d24b38; 
  padding: 20px; 
  color: #fff;
  position: relative;
  float: left;
}
  .form-fixed h4 { margin: 0px; }

/**** header tags***/
h2{ 
  font-size: 1.8em;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: 0px;
  margin-top: 0px;
  position: relative;
  width: 100%;
  text-transform: uppercase;
}
  h2::before, h1:not(.site-title)::before {
    content:""; height: 0px;
    display: none;
  }
  h2::after {
    content: "";
    height: 0px;
    background: transparent;
  }
  h2.section-title { 
    font-weight: 400;
    margin-bottom: 45px;
    float: left;
    width: 100%;
    line-height: 2em;
    text-align:center;
  }
    h2.section-title span, 
    .callout h3 span {font-weight: 700; color: #c0392b;}


#content h3 {font-size: 1em; font-weight: 600;}

h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
}

/*** text align options ***/
.align-center {text-align: center;}

/************
Contact Form 7 Styles
*************/

.wpcf7-submit{ width: 100%; float:left; text-align: center; }
#contact-form-required{
  background: #1C4AB9;
  padding: 5px;
  font-size: .75em;
  display: inline-block;
  margin: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  color: #f5f2df;
}
.wpcf7 input  { width: 100%; padding: 13px; }
  .wpcf7 input[type="checkbox"] { width: auto; margin: 20px 20px 20px 0px; }
  .checkbox1, .checkbox2, .checkbox3{ font-weight: bold; }
  .wpcf7 input[type="submit"] {
    background: #1C4AB9;
    border: none;
    color: #fff;
    font-size: .9em;
    padding: 1em 1.5em;
    margin: 15px auto;
  }
    .wpcf7 input[type="submit"]:hover{ background: #e9b415;}
  .recaptcha { float:left; transform:scale(0.88); width: 100%; }
    .recaptcha div { margin: 0px auto; }
  div.wpcf7-response-output {float: left;}
  .wpcf7 p {margin-bottom: .75em;}
    .wpcf7 span input {margin-bottom: 0;}
    .wpcf7 br { display: inline-block; float: left; width: 100%; height: 1px; }
    .wpcf7 .wpcf7-form-control-wrap { margin-bottom: 15px; display: block; float: left; width: 100%; }

/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  margin-bottom: 14px;
  font-size: 85%;
  color: #000;
  vertical-align: middle;
  box-shadow: none;
  border: solid 1px #cbcbcb;
  border-left: 10px solid #cbcbcb;
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; 
  font-family: 'Open-sans', Helvetica, Arial;
}
textarea {height: 150px;}

/*****
Form Input Transition
******/

 input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #bce2b7;
  }

/* Placeholder text styles */
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #5c6b80;
    opacity: 1;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #5c6b80;
    opacity: 1;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #5c6b80;
    opacity: 1;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #5c6b80;
    opacity: 1;
  }
   /*******
   End Contact Forms
   *******/

pre {
  background: #323944;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
  float: left;
  width: 100%;
}

#content p {width: 100%; float: left; max-width: 100%;}
ul {list-style-type: none; padding-left: 0px;}
#content .rw ul {list-style-type: none;}
  #content .rw ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 9px;
    float: left;
    width: 100%;
    font-size: 90%;
  }
    #content .rw ul li::after {
      background: none repeat scroll 0 0 #94261b;
      border-radius: 5px;
      content: "";
      display: block;
      height: 10px;
      width: 10px;
      left: 0;
      margin-right: 10px;
      position: absolute;
      top: 10px;
    }


#content a {text-decoration: none;  font-family: 'Open Sans', Helvetica, Arial;}
table {
  width: 100%;
  border: none;
  margin-bottom: 1.5em;
}
  table thead th, table tbody th  {
    background-color: #c0392b;
    border-bottom: 1px solid #eaedf2;
    border-right: 1px solid #eaedf2;
    border-left: none;
    padding: 10px 10px;
    color: #fff;
    font-weight: 600;
    word-break: normal;
  }
    table tbody th {background: #f2f2f2; color: #000;}
    table tr:nth-child(2n) {
      background-color: 
      #dee2ec;
    } 
      table tr {
        border-bottom: 1px solid #eaedf2;
      }
      table tr td {
        padding: 15px;
        border-right: 1px solid #eaedf2;
        border-top: 0px;
        border-bottom: 0px;
        word-break: normal;
        text-align: center;
      }
      table tr td li {text-align: left;}

  /*** Background colors ***/
  .bg-blue {background: #0b7ebf;}
  .bg-purple {background: #B1A4CF;}
  .bg-green {background: #6dab3f;}
  .bg-red {background: #c0392b;}
    .bg-red * {color: #fff;}
  .bg-grey {background: #f4f4f4;}
    .bg-darkgrey {background: #eae9e3;}
  .bg-yellow {background: #e9b415;}
  .bg-white {background: #fff;}

  /*** font colors ***/
  .white {color: #fff;}


  /*** text styles ***/
  .text-uppercase {text-transform: uppercase;}

  .entry .entry-content {margin: 0px; padding: 0px; max-width: 100%;}

#content .privacy {font-size: 80%; margin: 0px;}

.bg-img {
  position: relative;
  bottom: 0px;
  height: 100%;
  width: auto;
  text-align: right;
  overflow: hidden;
}
  .bg-img img {
    opacity: .25;
    margin-right: -40px;
  }

.phone {font-weight: 600;}
.phone img {margin: 0px 10px -20px;}

/*** 
Call out styles
****/
.callout { display: inline-block; float: left; width: 100%; max-width: 100%; text-align: center; padding: 20px;}
  #content .callout h3 {font-weight: 300; font-size: 2em; }
  #content .callout .btn-secondary {float: none; margin: 0px 20px;}
  #content .callout .btn-primary {float: none;}
  #content .callout .phone {font-size: 1.4em;}

/**********
Block category styles 
*********/
.eblock {
    text-align: center;
    padding: 20px;
    position: relative;
    float: left;
    width: 100%;
    min-height: 316px;
  }
    .eblock h2 { margin-bottom: 0px;}
    .eblock h2 { font-size: 1.6em;}



/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/

@media only screen and (min-width: 300px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; } 

  /****** site header ****/
  .site-header {width: 100%; padding-bottom: 0px; padding-top: 0px; background: #f2f2f2;}
    .site-branding {margin: 0px; position: inherit; float: left; width: 100%; margin-bottom: -110px;}
    .site-logo {float: none; max-width: 150px; height:auto; position: relative; margin:0px auto; padding: 20px 15px 20px}
      .site-logo .custom-logo-link {width: 100%; border-radius: 0px; height: auto;}
      .site-branded {float: left; width: 100%;}
  /**** content styles ***/
  #content .rw, footer .rw {max-width: 1400px; margin: 0px auto;}
  #content .cw, footer .cw { padding: 20px 0px 20px; position: relative; float: left; width: 100%; }
  #content .fw, footer .fw {max-width:100%; position: relative; float: left; width: 100%; margin: 0px;}
  #content .entry-footer {float: left; width: 100%; padding: 20px 20px; color: #fff;}

  /*** page headers ***/
  #content .page-header {
    min-height: 450px;
    text-align: center;
    margin: 0px;
  }
    .page-header h2 { 
      color: #fff;
      font-size: 2.2em;
      display: inline-block;
      z-index: 1;
      position: relative;
      text-transform: none;
      float: none;
    }
      .page-header p {
        color: #eba309;
        line-height: normal;
        padding-top: 15px;
        margin-top: 10px;
        border-top: dotted 1px #eaedf2;
        font-weight: 600;
      }
      .page-header .wp-block-cover__inner-container {width: 96%;}

  /**** blog styles ***/
  body.blog {background: #d2d2d2;}
  .blog #content {padding: 100px 0px 40px; width: 100%; float: left; background: #fff;}
  .blog #content .cw {position: initial;}
  .blog article { float: left; height: 580px; max-height: 640px; margin: 0px 0px 20px; background: #f1f1f1; position: relative;}
    .blog article:nth-child(even) {background: #dee8ec;}
    .blog.hfeed .entry .entry-header {margin: 0px;}
      #content article  .entry-header h2 {font-size: 1.6em; text-align: center; font-weight: 700; padding: 15px 15px; text-transform: uppercase;}
        #content article  .entry-header h2::before {content: ""; display: none; }
      #content article  .entry-header h1 { text-align: center;}
       .entry .entry-title::before {content:""; height: 0px;}
     .blog  #content article .entry-content p {
        float: left; 
        width: 100%;
       display: -webkit-box;
      -webkit-line-clamp: 7;
      -webkit-box-orient: vertical;  
      overflow: hidden;
      }
      .blog #content .has-drop-cap:not(:focus)::after {padding: 0px;}
      .blog article .entry-content .more-link {text-align: center; position: absolute; bottom: 0px; left: 0px; width: 75%; margin: 0px 12.5% 100px;}
      .blog #content article .page-header {height: 250; min-height: 250px; margin-bottom: 30px;}
      .entry .post-thumbnail {margin-right: 20px;}
      .blog #content article footer {margin: 0px 5% 10px; position: absolute; bottom: 0px; left: 0px; width: 90%;}
      .entry .entry-meta {margin: 20px 0px;}
      .widgets {width: 100%;}

  
/*** main nav styles ****/
 .main-menu-more {display: none;}

.menu-main-nav-container { float: right; width: auto; min-width: 70%; }
  .menu-main-nav-container .menu {float: right;margin:10px 0px; width: 100%;}
  .menu-main-nav-container ul.menu li {display: inline-block; float: right; position: relative; background: #fff; margin-left: .25%;}
  .menu-main-nav-container ul.menu li:hover {background: #000;}
    .menu-main-nav-container .submenu-expand {background: transparent; padding: 0px;}
      .menu-main-nav-container li.menu-item-has-children .submenu-expand  {background: transparent; padding: 0px; vertical-align: middle;}
        .menu-main-nav-container .menu > li.menu-item-has-children .submenu-expand svg {color: #fff; margin-left: -10px; margin-right: 5px;}
          .menu-main-nav-container .menu > li.menu-item-has-children:hover .submenu-expand svg {color: #000; }
    .menu-main-nav-container ul.menu li a { 
      padding: 35px 20px; 
      display: inline-block; 
      color: #000; 
      font-weight: 400; 
      text-transform: capitalize; 
      font-size: 100%;
    }
      .menu-main-nav-container ul.menu > li:hover > a {
        color: #fff;
      }
        .menu-main-nav-container ul.menu li ul.sub-menu {
          position: absolute;
          height: inherit;
          background: #c0392b;
          top: 100%;
          z-index: 999;
          margin: 0px;
          padding: 0px;
          display:none;
        }
          .menu-main-nav-container ul.menu li ul.sub-menu li button {display: none;}
          .menu-main-nav-container ul.menu li ul.sub-menu li {
            border-bottom: dotted 1px #a82d20;
            display: inline-block;
            float: left;
            width: 100%;
          }
            .menu-main-nav-container ul.menu li ul.sub-menu li:hover {background:#94261b;}
            .menu-main-nav-container ul.menu li ul.sub-menu li a {color: #fff; font-size: 90%; padding: 15px 20px; line-height: 1.4; white-space: nowrap; display: block;}
              .menu-main-nav-container ul.menu li ul.sub-menu li:hover a {color: #fff;}
              .menu-main-nav-container ul.menu li ul.sub-menu li.current-menu-item {background: #ffba00;}
                .menu-main-nav-container ul.menu li ul.sub-menu li.current-menu-item a {color: #000;}
      .menu-main-nav-container ul.menu li.menu-item-has-children:hover .sub-menu {display: block;}
      
      .menu-main-nav-container > li > a:hover, 
      .menu-main-nav-container > li > a:focus, 
      .menu-main-nav-container > li > .menu-item-link-return:hover,
      .menu-main-nav-container > li > .menu-item-link-return:focus {background: inherit; color: #000;}

      .menu-item:hover::after, .current-menu-item::after, .current-page-ancestor::after {
        content: ""; 
        height: 6px; 
        width: 100%; 
        bottom: 0px; 
        position: absolute; 
        background-color: #0A7DBE;
        left: 0px;
      }
      .menu .current-menu-item a, .main-menu .sub-menu .current-menu-item a, .menu-item:hover a {color: #000;}
        .menu-main-nav-container ul.menu li ul.sub-menu li:hover::after {content:""; background: transparent;}

      .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {color: #000; top: -.45rem;}

  /*****
  Mobile Menu styles (WMRP)
  ******/
  body #mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item {background: transparent !important;}

  /*** header nav styles ***/
    .head-nav {background: #000; float: left; width: 100%;}
    .head-nav .menu-head-nav-container ul {float: right; margin: 0px; width: 100%;}
    .head-nav .menu-head-nav-container ul li {
      display: inline; float: left; 
      text-align: center; 
      width: 100%; 
      border-left: solid 1px #333;
    }
      .head-nav .menu-head-nav-container ul li:hover {background: #0073aa; }
        .head-nav .menu-head-nav-container ul li a {color: #fff; padding: 4px 20px;  display: inline-block; line-height: 50px; }
      .head-nav .menu-head-nav-container ul li.head-nav-phone a {
        color:#eba309;
        font-weight: 700;
        font-size: 1.2em;
        text-decoration: none;
      }

  html body div.wprm-overlay { background: rgba(255,255,255, .75) }

  #content .wp-block-gallery.columns-4 .blocks-gallery-item::after {
    display: none;
  }

  /***padding styles ***/
  .m-pad {padding: 15px;}

  /*** margin styles ***/
  #content .no-margin {margin: 0px;}

  /**** border styles ****/
  .bordertop-1 {
    border-top: solid 1px rgba(200, 200, 200, .5);
    padding-top: 10px;
  }
  .borderbottom-1 {
    border-bottom: solid 1px rgba(215, 215, 215);
    padding-bottom: 10px;
  }  
  .borderbottom-10 {border-bottom: 6px solid #fff;}
  .border-color-red {border-color: #c0392b;}
  .border-green {border-color: #6dab3f;}
/**** 
button styles 
***/
  .btn-primary, .btn-secondary,
  .blog .more-link {
    padding: 12px 35px;
    color: #fff;
    background: #eba309;
    font-weight: 400;
    font-size: 1em;
    text-decoration: none;
    position: relative;
    float: inherit;
    word-wrap: nowrap;
    font-family: Arial, 'Open Sans', Helvetica;
  }

  .btn-secondary {background: #fff; color: #000; border: solid 1px #eae9e3;}

  /*** footer styles ***/
  footer {
    background: #0b7ebf;
    text-align: center;
    float: left;
    width: 100%;
  }
    footer .inner-footer div {
      overflow: hidden;
    }
      footer .inner-footer div h4,
      footer .inner-footer div p a { color: #fff;}

    footer .inner-footer h4 {
      font-size: 1.6em;
      margin: 13% 0px 15px;
      font-weight: 600;
    }
    .image-fit-cover img {
      object-fit: cover;
      height: 100%;
      width: 100%;
    }
    footer p {color: #c0c8d9;}
    .footnotes {
      width: 100%;
      color: #fff;
      font-size: 75%;
    }
    #colophon .site-info {color: #fff; font-size: .8em;}
    .social-media {margin-top: 20px;}
    .social-media a {border-radius: 30px; display: inline-block; background: #fff; width: 60px; height: 60px; padding: 5px; font-size: 1.8em;}
      .social-media a i {color: #a82d20; font}
    .last-col {
      float: right;
      padding-right: 0;
    }

/*** home hero banner ***/
  .hero-slider {background: #0b7ebf;}
    #content .hero-slider-mobile.metaslider .slides img {opacity: .85; position: absolute; top: 0px; left: 0px; object-fit: cover; width: 100%; height: 100%;}
    #content .metaslider .caption-wrap {position: relative;}
    #content .metaslider .caption-wrap .caption {
      padding: 10px !important;
      text-align: center;
      position: relative;
    }
     #content .metaslider .caption h1 { 
        float: left;
        width: 100%;
        margin: 4px;
        font-size: 2.25em;
        font-weight: 800;
        color: #fff;
      }
    #content .metaslider .caption-wrap { top: 0px; background: transparent; opacity: 1; line-height: inherit; color: #0b7ebf; }
      #content .metaslider .caption p { font-size: 1.4em;  font-weight: 600; margin: 10px 0px 30px; padding-bottom: 20px; color: #fff;}  
        #content .metaslider .caption p .btn-primary {font-size: .8em; font-weight: 600; margin-top: 20px; float: none;}
    #content .metaslider .caption-wrap .banner2 { color: #fff;}
  
  /*** mobile caption wrap styles ***/
  #content .hero-slider-mobile .caption-wrap {margin-top: 25%;}
    #content .hero-slider-mobile .caption {position: relative;}


/*  #content .hero-slider {display: none;}
  #content .hero-slider-mobile {display: block; background: #c3c3c3;}*/
  
  .clear {clear: both;}
}

@media only screen and (min-width: 400px) {
    /*** Nav styles ***/
  .head-nav .menu-head-nav-container ul li {width: 49.5%;}
}
/* Portrait tablet to landscape */

@media only screen and (min-width: 600px) {

  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }


  .bg-img {
    position: absolute;
    right: 0px;
  }
}

@media only screen and (min-width: 700px) {
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; } 
    /* Landscape to small desktop */
  }

@media only screen and (min-width: 1000px) {
  .t-2of2 {}
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }
    
  .d-all {
    float: left;
    width: 100%;
  }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

   .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

   /*** topbar styles ***/
    .head-nav .menu-head-nav-container ul {margin-top: 0px; padding: 0px; display: inline; float: right; width: auto;}
      .head-nav .menu-head-nav-container ul li {width: auto;}

    /****
     gallery settings
    *****/
    #content .wp-block-gallery.columns-4 .blocks-gallery-item {
      width: 23%;
      height: 200px;
      margin: 20px 1%;
      padding: 0px;
      flex-grow: inherit;
    }
  /****
  Site Branding logo styles
  ****/
  .site-branded { width: auto; left: 0px;}
  .site-logo {float: left; right: 0; max-width: 250px;}

    /*** mobile caption wrap styles ***/
  #content .hero-slider-mobile {display: none;}
  /*** Sliders ***/
  #content .hero-slider {background: #cbcbcb; display: block;}
  /*** home hero banner ***/
  #content .metaslider .caption h1 {font-size: 3em;}

  #content .metaslider .caption-wrap {position: absolute;}
  #content .metaslider .caption-wrap .caption {  position: inherit; left: 0px; top: 10%; width: 100%;}
  .page-header .wp-block-cover__inner-container {max-width: 60%;}

    /**** blog post ***/
  .single-post #content {max-width: 66%; float: left;}
      .single-post #content .rw {max-width: 85%;}
  .widgets {width: 33.3%;}

}


@media only screen and (min-width: 1168px) {   
  /***padding styles ***/
  #content .padding-20 {padding: 20px;}
  .padding-r-120 {padding-right: 120px;}
  #content .padding-lr-80 {padding: 0px 80px;}
  #content .padding-80, .padding-80 {padding: 80px;}
    
  /****
  Margin adjustments for elements
  ***/
  #content .mt-20 {
    margin-top: 20px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  .m-20 {margin:20px;}
  .m-0 {margin: 0px;}
     
}

@media only screen and (min-width: 1400px) {
 
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%; }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%; }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%; }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%; }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%; }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%; }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%; }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%; }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%; }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%; }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%; }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%; }
    .blog #content {width: 66%;}
  /**** blog post ***/
  .single-post #content .rw {max-width: 70%;}
}