html, body, header, nav, main, footer, section, article, h1, h2, h3, h4, h5, div, span, a, ul, ol, li, form {
   margin: 0;
   padding: 0;
   font-size: 100%;
   font: inherit;
   line-height: 1;
}

html, body { 
  height: 100%; 
}
body {
  font-family: Raleway, Helvetica, Arial, sans-serif;
  font-weight: bold;
  overflow-x: hidden;
  overflow-y: scroll;
  opacity: 0;
}
/*
main {
  position: relative;
  overflow-x: hidden;
}
*/
.container {
  position: relative;
}

.material-button {
  background: transparent;
  border: none;
}
  .material-button > span {
    font-size: 2em;
  }

a, a:focus, a:hover { 
   text-decoration: none; 
}

*:focus { 
   outline: 0 !important; 
}

p { 
   line-height: 1.7; 
}
.closer {
   margin-bottom: 5px;
}

ul, ol {
   list-style: none;
}
ol {
    counter-reset: li-counter;
}
   li{
      line-height: 1.7;
   }
   ol > li{
      position: relative;
      min-height: 3em;
      margin-bottom: 1em;
   }
   ol > li:before {
      position: absolute;
      top: -2px;
      width: 1.5em;         /* 54px/30px */
      height: 1.5em;
      
      line-height: 1.5;
      text-align: center;      
      border-radius: 50%;
      content: counter(li-counter);
      counter-increment: li-counter;
   }

option { padding: .25em; }

table {
   line-height: 1.5;
}
  table.table td {
    vertical-align: middle !important;
  }
.table-inner {
   margin-bottom: 0;
}

.table-row {
   display: table-row;
   margin: 0;
}
.table-cell {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}
.table-centered {
  display: table;
  margin: 0 auto;
}
.extruded {
   box-shadow: 0 0 6px 2px #333;
}
.bordered  {
   border: 2px solid;
}
.top-bordered {
   border-top: 2px solid;
}
.bottom-bordered {
   border-bottom: 2px solid;
}
.underlined {
   border-bottom: 1px solid;
}

.fixed {
   position: fixed !important;
}
.stacked {
   display: block;
}
.plate {
   margin: .5em 0 2em;
   padding: .5em !important;
   text-align: center;
   border: 2px solid;
   border-radius: .5em;
}
   .hearted:after {
      content: "\002661"; /* heart */
   }
   .reference:after, .reference-text p:before {
      content: "\002731";    /* asterisk */
      position: relative;
      top: -0.5em;
      margin-right: .5em;
   }
.bulleted-inside {
   list-style: inside disc;
}
.bulleted-outside {
   list-style: outside disc;
}
.no-padded {
   padding: 0 !important;
}
.no-vert-padded {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}
.no-hor-padded {
   padding-left: 0 !important;
   padding-right: 0 !important;
}
.lower-xs {
   margin-top: .25em;
}
.lower-sm {
   margin-top: .5em;
}
.lower-mid {
   margin-top: 1em;
}
.lower-mid2 {
   margin-top: 2em;
}
.lower-lg {
   margin-top: 3em;
}

.left-padded-1 {
   padding-left: 1em;
}
.left-padded-2 {
   padding-left: 2em;
}

.fadable {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1050;
   background: #FFF;
   display: none;
}
.modal-shield {
   background-color: #888;
   display: block;
   opacity: 0.65;
}
.bold {
   font-weight: bold !important;
}
.thin {
   font-weight: normal;
}
.word-spaced {
   word-spacing: 3px;
}
.important {
   font-weight: bold;
}
.noselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.hidden {
  visibility: hidden;
}
/* 
   ".nav-ref" is an element which is scrolled to 
   when navigation menu option is clicked. It gives
   a span between nav-bar and section title. This span
   height depends on nav-bar height and gets adjusted
   automatically because ".nav-ref" has class ".font-sm"
*/
   .nav-ref {
      position: relative;
      top: -4em;
   }

.nowrap, .accented, .range-2 {
   white-space: nowrap;
}

   /*** WARNING ***/
   
   .note-warning-container {
      padding: 2em 0;
   }
      .note-warning-box {
         display: table;
         margin: 0 auto;
         border-radius: .5em;
         padding: 1.5em 1.5em 1.5em 3em;
         position: relative;
      }
         .note-warning-box .glyphicon {
            position: absolute;
            top: 0.5em;
            left: .6em;
         }
         .note-warning-box p {
            margin: 0;
         }

  .reminder {
    margin-bottom: 2em;
    padding: 1em;
  }

   /*** Form ***/

   form {
      padding: 2em 1em 1em 1em;
      display: table;
      width: 100%;
      position: relative;
   }
      form textarea { 
         resize: vertical; 
      }

   .form-input {
      border: 2px solid;
      border-radius: 4px;
      line-height: 1.7;
      font-weight: normal;
      padding-left: .5em;
   }
   textarea.form-input {
      line-height: 1.4;
      padding: .5em;
   }
   .form-input[type="radio"], .form-input[type="checkbox"] {
      border-radius: 0;
   }
   .form-buttons {
       margin: 1.5em 0;
       text-align: right;
       position: relative;
   }
      .btn {
         padding: 9px 1.5em;      /* 9px 27px/18px */
         border: 2px solid;
         border-radius: 2em;
         font-weight: bold;
         background: none;
      }
      .btn-close {
         padding-left: 1em;
      }
      .btn-close:before {
         content: "\002715";  /* X */
         padding-right: .5em;
      }
      .google-reviews .btn {
         padding: 1.125em 1.75em;
      }

   /*** END Form ***/

   .note {
      clear: both;
      border-top: 2px solid;
      margin-top: 2em;
      display: table;
   }
      .note > span {
         display: inline-block;
      }
      .note p, .note > span {
         padding: .5em 0;
         margin-bottom: 0;
      }
      .note p + p {
         padding-top: 0;
      }
      .note ul {
         padding-left: 1em;
      }
         .note li {
            padding: .5em 0;
         }
         .note li + li {
            padding-top: 1em;
         }
            .note li > p{
               padding: 0;
            }

   body:after, ol > li:before, .number {
      font-family: "Trebuchet MS", sans-serif;
   }

.number {
  font-size: 1.5em;
}


/*** First screen responsive by height  ***/

.page, .flexible {
  display: table;
  width: 100%;
  height: 100%;
}

/***  /First screen responsive by height  ***/

/*** Section HOME ***/

.page-content .container {
  padding: 0;
}

#pageHome > div {
  display: table-row;
}

/* Page height distribution */
.homepage-motto {
  height: 34%;
}
.homepage-button {
  height: 5%;
}
.homepage-features {
  height: 30%;
}
.google-reviews {
  height: auto;
}
/* /Page height distribution */

.motto, .booknow-text {
  font-family: Caveat, Raleway, Helvetica, Arial, sans-serif;
}
.homepage-motto h1 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.2;
  font-size: 3.75em;   /* 60px because this typeface is too small */
}

.homepage-button {
  margin-top: 1em;
}

/* "Book Now" button container */
.booknow {
  display: block;
}
  .booknow-btn {
    display: inline-block;
    font-size: 1.5rem;
    background-color: #1A4;
    padding: .75em 1.75em !important;
    border-radius: 1.5em;
    color: #F1F1F1;
  }
  a.booknow-btn:focus {
    box-shadow: 2px 2px 4px #7BF, 2px -2px 4px #7BF, -2px 2px 4px #7BF, -2px -2px 4px #7BF;
  }
  a.booknow-btn:hover, a.booknow-btnactive {
    background-color: #14B441;
    color: #FFF !important;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4), 2px -2px 4px rgba(0,0,0,0.1), -2px 2px 4px rgba(0,0,0,0.1), -2px -2px 4px rgba(0,0,0,0.1);
  }
  .booknow-link {
    padding: .5em 0 1em;
    text-align: center;
    display: none; /* removed in ver3.6.3 */
  }
  .booknow-text {
    font-size: 2.308em;   /* 60px because this typeface is too small */
  }

  .homepage-features > div {
    display: table-cell;
    vertical-align: middle;
  }

  .shaded-plate {
    display: table;
    margin: 0 auto;
    border-radius: 1em;
    background: #FEF5E8;
    opacity: .8;
    box-shadow: inset 0px 0px 9px rgba(0,0,0,.3);
  }
  .homepage-features .shaded-plate {
    padding: 1em .25em 1em .75em;
    width: 19.375em;  /* 310px/16px */
  }
    .homepage-features p {
      margin-bottom: 0;
      line-height: 2;
    }
      .homepage-features .material-icons {
        font-size: 1.25em;
        position: relative;
        top: 5px;
        margin-right: .5em;
      }

.google-reviews .btn {
  margin-bottom: .25em;
}
.reviews-footer {
  margin-top: 2em;
  text-align: center;  
}
#reviewsLink > span:hover {
  text-decoration: underline;
}

/*** End Section HOME ***/



/***  MAIN  ***/

  section h2 {
    font-weight: normal;
    margin-bottom: 1em;
    padding: .75em 1em;
  }
    .tile {
      text-align: center;
    }

   /*** Section PRICING ***/

   #order_summary {
      margin: 2em auto;
   }
      #order_summary thead {
        border: 2px solid #37C;
      }
      #order_summary tbody {
        border: 2px solid #CCC;
      }

      #order_summary th, #order_summary td {
        padding: 5px 15px;
      }
      #order_summary th:first-child, #order_summary td:first-child {
        text-align: left;
      }
      #order_summary th:last-child, #order_summary td:last-child {
        text-align: right;
      }
      
   #order_summary .glyphicon {
      color: #6AE;
   }   

   .rates-table a.collapse-toggler {
      margin-left: auto;         /* to the right */
   }
   .rates-table th:first-child, .rates-table td:first-child {
      padding-left: 2em;
   }
   .rates-table th:last-child {
      width: 20%;
   }
   .rates-table th:last-child,
   .rates-table td:last-child {
      text-align: right;
      padding-right: 7%;
   }

   /*** End Section PRICING ***/


   /*** Section SERVICES ***/

   ol > li {
      margin-top: 1em;
      padding-bottom: 1em;
   }
   #pageBooking ol > li:first-child {
      margin-top: 1em;
   }
   .policy ul span {
      line-height: 1.5;
   }
      .icon {
         display: block;
         width: 63px;
         height: 63px;
         margin: 1em auto 10px;
         background-image: url("../images/addon-services.png");
         background-repeat: no-repeat;
      }
      .fridge .icon {
         background-position: 0 0;
      }
      .oven .icon {
         background-position: -63px 0;
      }
      .cabinets .icon {
         background-position: -126px 0;
      }
      .windows .icon {
         background-position: -189px 0;
      }
      .ironing .icon {
         background-position: -252px 0;
      }
      .laundry .icon {
         background-position: -315px 0;
      }
      .linen .icon {
         background-position: -378px 0;
      }
      .suggest .icon {
         background-position: -441px 0;
      }
      .houses .icon {
         background-position: -504px 0;
      }
      .condos .icon {
         background-position: -567px 0;
      }
      .apartments .icon {
         background-position: -630px 0;
      }
      .offices .icon {
         background-position: -693px 0;
      }
	  .using-green .icon {
         background: none;
	  }
      .caption {
         display: inline-block;
         line-height: 1.4;
      }

   .vert-tiles .row1, .vert-tiles .row2 {
      width: 24%;
      float: left;
   }
   .plain {
      text-align: left;
      padding-bottom: 1em;
   }
      .plain h4 {
         padding: 1em 0;
      }
         .plain li {
            min-height: 2em;
         }

   .instruction {
   }
      .instruction h4 {
         display: inline-block;   /* to enable collapse-toggler be inline */
      }
      .instruction ul {
         padding: 1em;
      }
         .instruction li {
            padding: .5em 0;
         }
   .plain .col-sm-4 {
      padding-right: 0;
   }

/*** End Section SERVICES ***/

/*** Section BOOKING ***/

#booking-widget-iframe {
  border: none;
  width: 100%;
  height:3345px;
  overflow:scroll;
}
#bookBtn {
  border-radius: 1.5em !important;
}

/*** End Section BOOKING ***/

   .lower { padding-top: 1em; }

   /*** LINKS ***/

      .link {
         display: inline-block;
         padding: .25em;
      }
         .link .caption {
            padding-bottom: .25em;
         }

      /* contains [data-toggle="collapse"] */
      a.collapse-toggler {  
         display: table;
         margin-left: 1em;
      }
      a.collapse-toggler.inline-toggler {
         display: inline-block;
      }
         /*** toggler .caption  ***/
         /* when closed */
         a.collapse-toggler .caption:after {
            content: "\002935";     /* curved arrow right-down */
            padding-left: .25em;
         }
         /* when open */
         a.collapse-toggler.target-open .caption:after {
            content: "\002715";    /* X */
            padding-left: .5em;
         }

#terms_toggler {
  text-align: center;
}
  #terms_toggler a.collapse-toggler {
    display: inline-block;
    margin-bottom: 2em;
  }

#terms_text_container {
  background-color: #FFF;
}
  #terms_text_content {
    padding: 1em 1.5em .5em;
  }
  #terms_text_content h3 {
    color: #37C;
  }
.terms-footer {
  text-align: right;
  padding: 2em 0;
}  

#terms_text_container p { 
   margin-bottom: 2em;
}

/*** END LINKS ***/

   .copyright {
      padding: 1em 0 .75em;
      font-weight: normal;
      text-align: center;
   }


/*** TRANSITIONS ***/

   header, nav.nav-fixed {
      -webkit-transition-property: width, height, color .7s ease-in-out;
      -ms-transition-property: width, height, color .7s ease-in-out;
      -o-transition-property: width, height, color .7s ease-in-out;
      transition: width, height, color .7s ease-in-out;
   }

   .form-input:focus, .input-group-addon:hover .chevron, .btn {
      -webkit-transition-property: .25s ease-in-out;
      -ms-transition-property: .25s ease-in-out;
      -o-transition-property: .25s ease-in-out;
      transition: all .2s ease;
   }

/*** END TRANSITIONS ***/

/*
   @keyframes nav-focused {
      from {background-color: #F2F2F2;}
      to {background-color: #6AE;}
   }
   
   nav a:focus {
      animation-name: nav-focused;
      animation-duration: .5s;
   }
*/

.glyphicon {
  top: 3px;
  margin-right: .5em;
}

.email-response-container {
}
  .email-response {
    display: inline-block;
    margin: -10vh auto 0 auto;
    padding: 1.25em 2em;
    background: #FEF5E8;
    border-radius: 1em;
    box-shadow: inset 0px 0px 9px rgba(0,0,0,.3);
  }
    .email-response p {
      margin-bottom: 0;
      line-height: 2;
    }

[class^="Header__WidgetTitle"] {
  display: none;
}

.google-map {
  display: block;
  position: relative;
  padding-bottom: 61%; /* aspect ratio */
  margin-bottom: 3em;
  overflow: hidden;
}
.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/*******************
 *                 *
 *  MEDIA QUERIES  *
 *                 *
 *******************/

@media (max-width: 319px) {

  /* no support */

  main, .fixed-bg, .flexible {
    display: none !important;
  }
  body {
    color: #CCC;
    background: #000 !important;
  }
  body:after { 
    position: absolute;
    top: 30px;
    left: 10px;
    width: 90%;
    content: 'sorry... minimum 320px screen width is required';
    line-height: 1.25em;
    font-size: 16px;
  }
}


/*========================*/
@media (min-width: 320px) {

  .container {
    /*padding: 0 4.6875%;*/      /* 15px/320px */
  }
  main section.page > .container {
    padding: 2em 12px;
  }

  /***  Font size  ***/
  .reference:after, .reference-text p:before {
    font-size: 12px;
  }

  .font-sm, .sub-title {
    font-size: 13px;
  }

  .font-mid {
    font-size: 16px;
  }

  ol > li:before {
    font-size: 20px;
  }

  .font-lg {
    font-size: 26px;
  }
  /***  /Font size  ***/

  .form-group .form-input {
    width: 100%;
  }

   /*** Pricing ***/

   section h3 {
      margin-bottom: 1em;
      line-height: 1.5;
   }
      /*** num-list alignment ***/
         ol {
             margin-left: 40px;
         }
         ol > li:before {
            left: -40px;
         }
      /*** /num-list alignment ***/

      /*** icons alignment ***/
         .house-types, .included .tiles, .vert-tiles{
            margin-left: -40px;
         }
         .included .tile {
            padding-left: 40px;
         }
      /*** /icons alignment ***/

   .form-buttons .btn + .btn {
      margin-left: 1em;
   }

   .rates-table {
      margin-left: -40px;
   }

   /*** /Pricing ***/


   /*** Services ***/
   .included .tile {
      float: left;
      width: 100%;
   }
   .map {
       margin-left: -50px;
       padding-top: 2em;
       text-align: center;
   }
      .map img {
         width: 100%;
         height: auto;
      }
   .house-types {
      width: 118%;
   }

   /*** /Services ***/

   .range-2:first-child {
      margin-right: 1em;
   }
      footer .container {
         padding: 0 6px;
      }
         a.book-now {
            margin: 0 1%;
         }
   .popup {
      width: 90%;
   }
}
/*=======[ End 320px ]=======*/


/*=========================*/
@media (min-width: 360px) {

  .fridge .caption, .oven .caption {
    width: 6.3846em;            /* 83px/13px */
  }
  .cabinets .caption, .windows .caption, .linen .caption {
    padding: 0 4px;
  }
  #booking-widget-iframe {
    height: 3190px;
  }
}


@media screen and (min-width: 380px) {
  .email-response {
    width: 23.75em;   /* 380px/16px */
  }
}


/*=========================*/
@media (min-width: 410px) {

   section.page > .container {
      padding-right: 20px;
      padding-left: 20px;
   }

      /*** icons alignment ***/

      .house-types, .included .tiles, .vert-tiles {
         margin-left: -20px;
      }
      .included .tile {
         padding-left: 20px;
      }

      /*--- where we work ---*/
      .house-types {
         width: 110%;
      }
         .house-types li, .vert-tiles li {
            width: 25%;
         }

      /*--- what's not included ---*/
      .vert-tiles {
         margin-left: -4%;
         width: 108%;
      }   

}
/*=======[ End 410px ]=======*/


/*=========================*/
@media (min-width: 430px) {
  /* font-size = 13px */

  .included .note {
    width: 28.125em;      /* 366px/13px */
  }
  #terms_text_content {
    padding: 1em 6.0937vw .5em;  /* horizontal padding now: 1.5em = 19.5px  */
  }
}

/*=========================*/
@media (min-width: 480px) {

   /***  Font size  ***/
   .reference:after, .reference-text p:before {
      font-size: 13px;
   }
   .font-sm, .sub-title {
      font-size: 14px;
   }
   .font-mid {
      font-size: 16px;
   }
   .font-lg {
      font-size: 27px;
   }
   ol > li:before {
      font-size: 22px;
   }
   /***  /Font size  ***/

   /*** num-list alignment ***/
      ol {
          margin-left: 45px;
      }
      ol > li:before {
         left: -45px;
      }
   /*** /num-list alignment ***/

   /*** icons alignment ***/

   .house-types, .included .tiles, .vert-tiles {
      margin-left: -30px;
   }
   .included .tile {
      padding-left: 30px;
   }
   /*** /icons alignment ***/

   .rates-table {
      margin: 0 auto;
   }
   .map img {
      width: 415px;
   }
   .popup {
      width: 80%;
   }
   #order_summary {
      width: 415px;
      margin-right: 0;
      margin-left: auto;
   }

}
/*=======[ End 480px ]=======*/

/*=========================*/
@media (min-width: 515px) {
  #booking-widget-iframe {
    height: 2770px;
  }
}


/*=========================*/
@media (min-width: 530px) {

   .row1 .cabinets .caption, .windows .caption {
      padding: 0;
      width: 8.714em;       /* 122px/14px */
   }
   .row2 .cabinets .caption {
      width: 10em;
   }
   .rates-table {
      width: 28em;     /* 448px/16px */
   }
}


/*=========================*/
@media (min-width: 540px) {

  /***  Font size  ***/
  .font-sm {
    font-size: 15px;
  }
  .sub-title {
    font-size: 2.5926vw;    /* 14px/540px */
  }
  .font-mid {
    font-size: 16.3px;
  }
  .font-lg {
    font-size: 28px;
  }
  ol > li:before {
    font-size: 24px;
  }
  .booknow-btn {
    font-size: 4.4444vw;  /* 24px/540px */
  }
   /***  /Font size  ***/
   .popup {
      width: 70%;
   }
}
/*=======[ End 540px ]=======*/


/*=========================*/
@media (min-width: 640px) {

  /***  Font size  ***/
  .homepage-motto h1 {
    font-size: 9.375vw;    /* 60px/640px */
  }
  .font-mid {
    font-size: 17px;
  }
  .font-lg {
    font-size: 29px;
  }
  ol > li:before {
   font-size: 26px;
  }
  .booknow-btn {
    font-size: 28.43px;  /* stop growing for now */
  }
   /***  /Font size  ***/

   .vert-tiles {
      margin-left: -6%;
      width: 110%;
   }   

   /*** num-list alignment ***/
   ol {
       margin-left: 60px;
   }
   ol > li:before {
      left: -60px;
   }
   /*** /num-list alignment ***/

   /*** icons alignment ***/

   .house-types, .included .tiles, .vert-tiles {
      margin-left: -40px;
   }
   .included .tile {
      padding-left: 40px;
   }
   /*** /icons alignment ***/

  .popup {
    width: 30em;
  }
}
/*=======[ End 640px ]=======*/

/*===========================*/
@media (min-width: 660px) {
  #booking-widget-iframe {
    height:2645px;
  }
}
/*=======[ End 660px ]=======*/


/*========================*/
@media (min-width: 720px) {

   /***  Font size  ***/
   .font-sm {
      font-size: 16px;
   }
   .sub-title {
      font-size: 18.6667px;
   }
   .font-mid {
      font-size: 18px;
   }
   .font-lg {
      font-size: 30px;
   }
   /***  /Font size  ***/

   /*** icons alignment ***/
      .house-types {
         margin-left: -9%;
         width: 118%;
      }
      .vert-tiles {
         margin-left: -5%;
      }   
   /*** /icons alignment ***/
}
/*=======[ End 720px ]=======*/


/*===========================*/
@media (min-width: 768px) {

   .container {
      width: 100%;     /* overide bootstrap's 710px width */
   }

   /***  Font size  ***/
   .font-mid {
      font-size: 19px;
   }
   .font-lg {
      font-size: 31px;
   }
   ol > li:before {
     font-size: 28px;
   }
   /***  /Font size  ***/

  .homepage-features .shaded-plate {
    width: 37em;
  }

  .form-group.left {
    padding-right: 15px;
  }
  .form-group.right {
    padding-left: 15px;
  }

  /*** Services ***/

  .included .tile {
    width: 50%;
    float: left;
  }
  .row1 {
    height: 11em;
  }
  .row2 {
    height: 8em;
  }
  .map {
     margin: 0;
     padding: 0;
  }
}

/*=======[ End 768px ]=======*/


/*===========================*/
@media (min-width: 780px) {

   .container {
      width: 780px;
   }
   .homepage-motto h1 {
      font-size: 73px;    /* stop growing so far */
   }
}


/*=========================*/
@media (min-width: 1150px) {
   .font-mid {
      font-size: 20px;
   }
}

/*=========================*/
@media (min-width: 1280px) {

   .container {
      width: 60.9375%;     /* 780px/1280px -  starts growing  */
   }
   .homepage-motto h1 {
      font-size: 5.7vw;    /* 73px/1280px */
   }
   .font-mid {
      font-size: 21px;
   }
   .glyphicon {
	  top: 4px;
	}
}

/*=========================*/
@media (min-width: 1400px) {
   .sub-title {
      font-size: 1.33334vw;   /* 18.6667px/1400px */
   }
}


/*============================*/
@media (min-width: 1575px) {
   .container {
      width: 960px;     /* final value reached: stop growing */
   }
}
/*=======[ End 1575px ]=======*/


/*=========================*/
@media (min-width: 1600px) {

   .homepage-motto h1 {
      font-size: 92px;    /* stop growing */
   }

   /***  Font size: START GROWING  ***/
   .font-sm {
      font-size: 1vw;          /* 16px/1600px */
   }
   .sub-title {
      font-size: 21.3333px;    /* final value reached */
   }
   .font-mid {
      font-size: 1.3125vw;     /* 21px/1600px */
   }
   .font-lg {
      font-size: 1.9375vw;     /* 31px/1600px */
   }
   ol > li:before {
     font-size: 1.75vw;        /* 28px/1600px */
   }
   /***  /Font size  ***/

   .page {
      padding: 0 .5em;
   }
   .page h2 {
      font-weight: normal;
   }
      .page > .container {
         padding-top: 3.3333em;      /* 80px/24px */
      }

   /*** icons alignment ***/

      /*--- where we work ---*/
      .house-types {
         margin-left: -11%;
         width: 119%;
      }

      /*--- what's not included ---*/
      .vert-tiles {
         margin-left: -6%;
      }   

   /*** /icons alignment ***/


   /*** Services ***/
   .house-types {
      position: static;
   }
   .included .tiles {
      position: static;
      width: auto;
   }
   .included .col-1 {
      width: 31%;
   }
   .included .col-2 {
      width: 40%;
   }
   .included .col-3, .included .col-4 {
      width: 28.5%;
   }

   /*** /Services ***/
  .book-now {
    margin: 0 1em;
  }
}
/*=======[ End 1600px ]=======*/


/*============================*/
@media (min-width: 1800px) {

   .font-sm {
      font-size: 18px;   /* final value reached */
   }
   .font-mid {
      font-size: 24px;   /* final value reached */
   }
   h1 {
      font-size: 45px;   /* final value reached */
   }
}
/*=======[ End 1800px ]=======*/


/*============================*/
@media (min-width: 1829px) {

   ol > li:before {
     font-size: 32px;           /* final value reached */
   }
}


/*=========================*/
@media (min-width: 1920px) {

   .font-lg {
      font-size: 37px;          /* final value reached */
   }
}

/***  END MEDIA QUERIES  ***/


/* CHANGES in ver2.8-01 */

div.footer {
  background-color: #F1F1F1;
}

footer.footer {
  display: none !important;
}
.fixed-bg {
  opacity: .9;
}
nav {
  background-color: #36B;  /* #CDF */
}

.fixed-bg {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-image: url("../images/background.svg");
}

/* debug */
/*
.page-content.table-row {
  height: 550px;
}
.homepage-features {
  background-color: #CEF;
}
.google-reviews {
  background-color: pink;
}
.homepage-motto {
  background-color: #CEF;
}
.homepage-button.booknow {
  background-color: pink;
}
*/