/* MOBILE SMALL - Non-Retina - (0-321px) */

/* --------------- common column padding ---------------- */
.content-top-full,
.col1,
.col2,
.footer-two,
.footer-three,
.footer-four,
.paragraph--type--section > .paragraph-container-item,
.slideshow .slide-text,
.slideshow .banner-text {
  padding-top: 30px;
  padding-top: 3rem;
  padding-bottom: 32px;
  padding-bottom: 3.2rem;
}
.paragraph--type--section {
  margin-top: 30px;
  margin-top: 3rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

/* --------------- Body styles ---------------- */
body {
  background: #1E1D1D;                     /* Colour of area below footer - should be the same as #footer-bottom-wrap */
}
#page-content-main {
}
/* --------------- Header styles ---------------- */
#header-wrap {                             /* header container to edge of screen */
  background:#ffffff;                      /* Header Background Colour*/
  min-height:50px;                         /* **header-height** */
  min-height:5rem;                         /* **header-height** */
}
.header {                                  /* header container to edge of display area */
  padding-top:10px;
  padding-top:1rem;
}
.logo-wrap img {                           /* image inside logo container */
  height:30px;                             /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  height:3rem;                             /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  padding-top:3px; 
  padding-top:0.3rem; 
}
#menubox,
.logo-wrap img {
  padding-bottom:13px;
  padding-bottom:1.3rem;
}
.name-slogan {
  /* display: none;*/ /* Remove comment to hide the site name and slogan text - if using a logo */
}

/* --------------- Slideshow ---------------- */
#slideshow-wrap {
  background:none;
}
/* Background images on slides, banners, maps */
/*.slide-container,*/ /* until I figure this one out*/
.banner-container,
.map-container {
  height: 400px !important;
  width: 100%;
}
.slideshow .container-item,
.slideshow .paragraph-container-item {
  position: relative;
}
.slideshow .slide-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.slideshow .banner-text {
  position: relative;
  background: #efefef;
}
.banner-container {
  position: fixed; /* If removing, can also remove hide-banner-scroll.js from designit theme */
  display: block;
  height: 240px;
}
.banner-container:after {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(33,33,33,0.65);
  content: '';
  display: block;
  top: 0;
  box-shadow: inset 0 0 100px 50px rgba(0, 0, 0, 0.35);
}
.banner-wrap {
  position: relative;
  height: 240px !important;
  margin-top: -35px;
}
.banner-hide .banner-container {
  display: none;
}
.map-container {
  height: 320px !important;
}


/* --------------- Column Container ---------------- */
#page-content-main {                       /* Main content container to edge of screen */
  padding-top:54px;                        /* **header-height** */
  padding-top:5.4rem;                        /* **header-height** */
}

/* --------------- Breadcrumbs ---------------- */
.breadcrumb {
  padding-bottom:30px; 
  padding-bottom:3rem; 
}

/* --------------- Column settings ---------------- */
.onecol .col-wrap,
.twocol-sideright .col-wrap,
.twocol-sideleft,
.twocol-sideleft .col1{              /* Main Content */
  background:#FFF;                      /* Main Content background colour */
}
.onecol, 
.onecol .col2,
.twocol-sideright, 
.twocol-sideright .col2,
.twocol-sideleft .col-wrap, 
.twocol-sideleft .col2 {                   /* Sidebar */
  background:#FFF;                      /* Sidebar background colour */
}

/* --------------- Footer 2 Column Layout styles ---------------- */
#footer-two-wrap {                         /* 2 column footer */
  background: #e6ecec;                     /* 2 column footer background colour */
}
/* .footer-two { 
} */
/* .footer-two-top,
.footer-two-first,
.footer-two-second,
.footer-two-bottom { 
} */
/* .footer-two-first,
.footer-two-second { 
} */
/* .footer-two-second { 
} */

/* --------------- Footer 3 Column Layout styles ---------------- */
#footer-three-wrap {                      /* 3 column footer */
  background: #01499A;                    /* 3 column footer background colour */
}
/* .footer-three { 
} */
/* .footer-three-top,
.footer-three-bottom { 
/* } */
/* .footer-three-first,
.footer-three-second,
.footer-three-third { 
/* } */
/* .footer-three-third { 
/* } */

/* --------------- Footer 4 Column Layout styles ---------------- */
#footer-four-wrap {                       /* 4 column footer */
  background: #0CF;                       /* 4 column footer background colour */
}
/* .footer-four { 
} */
/* .footer-four-top,
.footer-four-bottom { 
/* } */
/* .footer-four-left,
.footer-four-right { 
/* } */
/* .footer-four-first, 
.footer-four-second,
.footer-four-third,
.footer-four-fourth { 
/* } */
/* .footer-four-first,
.footer-four-third { 
} */

/* --------------- Footer Bottom Layout styles ---------------- */
.footer-bottom {
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}


/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */

@media all and (min-width: 321px) {
  /* MOBILE - Non-Retina - (321px–580px) */
  
  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  /*.slide-container {
    height: 500px !important;
  }*/ /* until I figure this one out*/
  .banner-container {
    height: 240px !important;
  }
  .map-container {
    height: 320px !important;
  }
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 321px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min-resolution: 192dpi) and (min-width: 321px),
only screen and (min-resolution: 2dppx) and (min-width: 321px) { 
  /* MOBILE - Retina - (321px–580px) */
  
}


@media all and (min-width: 581px) {
  /* MOBILE LARGE - Non-Retina - (581px–767px) */
  
  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  /*.slide-container {
    height: 450px !important;
  }*/ /* until I figure this one out*/
  .banner-container {
    height: 240px !important;
  }
  .map-container {
    height: 320px !important;
  }
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 581px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min-resolution: 192dpi) and (min-width: 581px),
only screen and (min-resolution: 2dppx) and (min-width: 581px) { 
  /* MOBILE LARGE - Retina - (581px–767px landscape only) */
  
}

@media all and (min-width: 768px) {
  /* Tablet & Medium screen, non-retina */
  
  /* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section > .paragraph-container-item,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 35px;
    padding-top: 3.5rem;
    padding-bottom: 40px;
    padding-bottom: 4rem;
  }
  .paragraph--type--section-multi-column-highlight,
  .paragraph--type--section {
    margin-top: 40px;
    margin-top: 4rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-top-margin {
    padding-top: 35px;
    padding-top: 3.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-bottom-margin {
    padding-bottom: 40px;
    padding-bottom: 4rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-left-margin {
    padding-left: 35px;
    padding-left: 3.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-right-margin {
    padding-right: 35px;
    padding-right: 3.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-top-margin {
    padding-top: 70px;
    padding-top: 7rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-bottom-margin {
    padding-bottom: 75px;
    padding-bottom: 7.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-left-margin {
    padding-left: 70px;
    padding-left: 7rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-right-margin {
    padding-right: 70px;
    padding-right: 7rem;
  }


  /* --------------- Header styles ---------------- */
  #header-wrap {                      /* header container to edge of screen */
    min-height:70px;                  /* **header-height** */
    min-height:7rem;                  /* **header-height** */
  }
  .fixed-header #header-wrap { /* header container to edge of screen when scrolling */
    min-height:50px;                  /* **header-height** */
    min-height:5rem;                  /* **header-height** */
  }
  .header { /* header container to edge of display area */
    padding-top:15px;
    padding-top:1.5rem;
  }
  .fixed-header .header {
    padding-top:10px;
    padding-top:1rem;
  }
  .logo-wrap img {                   /* image inside logo container */
    height:50px;                     /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
    height:5rem;                     /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  }
  #menubox,
  .logo-wrap img {
    padding-bottom:18px;
    padding-bottom:1.8rem;
  }
  .fixed-header .logo-wrap img {
    height:30px;                     /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    height:3rem;                     /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    padding-bottom:13px;
    padding-bottom:1.3rem;
  }

  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  /*.slide-container {
    height: 625px !important;
  }*/ /* until I figure this one out*/
  .banner-container {
    height: 310px !important;
  }
  .banner-wrap {
    height: 310px !important;
  }
  .map-container {
    height: 320px !important;
  }


  /* --------------- column container ---------------- */
  #page-content-main {/* Main content container to edge of screen */
    padding-top:84px;                /* **header-height** */
    padding-top:8.4rem;              /* **header-height** */
  }

  
  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar      ||                             */
  /*    ||           66.667%            ||      33.333%      ||                             */
  /*    ||    |                         ||    |         |    ||                             */
  /*    || 0% |      66.667%       | 0% || 0% | 33.333% | 0% ||                             */
  /*    ||    |                    |    ||    |         |    ||                             */
  
  .twocol-sideright .col-wrap {
    right:33.333%;                  /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar      ||         Main Content         ||                             */
  /*    ||      33.333%      ||           66.667%            ||                             */
  /*    ||    |         |    ||    |                         ||                             */
  /*    || 0% | 33.333% | 0% || 0% |      66.667%       | 0% ||                             */
  /*    ||    |         |    ||    |                    |    ||                             */
  
  .twocol-sideleft .col-wrap {
    right:66.667%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:0%;                        /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Footer 2 Column Layout styles ---------------- */
    
  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* --------------- Footer Bottom Layout styles ---------------- */
  .footer-bottom {
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
  }
  
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) { 
  /* TABLET - Retina - (768px–1024px) */
  
}

@media all and (min-width: 1025px) {
  /* DESKTOP SMALL - Non-Retina - (1025px–1280px) */
  
  /* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section > .paragraph-container-item,
  .path-frontpage .block-page-title-block.container-item .content,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 50px;
    padding-top: 5rem;
    padding-bottom: 55px;
    padding-bottom: 5.5rem;
  }
  .paragraph--type--section-multi-column-highlight,
  .paragraph--type--section {
    margin-top: 50px;
    margin-top: 5rem;
    margin-bottom: 50px;
    margin-bottom: 5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-top-margin {
    padding-top: 50px;
    padding-top: 5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-bottom-margin {
    padding-bottom: 55px;
    padding-bottom: 5.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-left-margin {
    padding-left: 50px;
    padding-left: 5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-right-margin {
    padding-right: 50px;
    padding-right: 5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-top-margin {
    padding-top: 100px;
    padding-top: 10rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-bottom-margin {
    padding-bottom: 105px;
    padding-bottom: 10.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-left-margin {
    padding-left: 100px;
    padding-left: 10rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-right-margin {
    padding-right: 100px;
    padding-right: 10rem;
  }


  /* --------------- Header styles ---------------- */
  #header-wrap { /* header container to edge of screen */
    min-height:80px;      /* **header-height** */
    min-height:8rem;      /* **header-height** */
  }
  .fixed-header #header-wrap { /* header container to edge of screen when scrolling */
    min-height:50px;      /* **header-height** */
    min-height:5rem;       /* **header-height** */
  }
  .header { /* header container to edge of display area */
    padding-top:15px;
    padding-top:1.5rem;
  }
  .fixed-header .header {
    padding-top:10px;
    padding-top:1rem;
  }
  .logo-wrap img { /* image inside logo container */
    height:60px; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
    height:6rem; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  }
  .fixed-header .logo-wrap img {
    height:30px; /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    height:3rem; /* *header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
  }
  #menubox {
    padding-bottom:0; /* reset from mobile/tablet */
  }
  
  /* --------------- slideshow ---------------- */
  /* Background images on slides, banners, maps */
  /*.slide-container {
    height: 450px !important;
  }*/ /* until I figure this one out*/
  .banner-container {
    height: 400px !important;
  }
  .banner-wrap {
    position: relative;
    height: 400px !important;
    margin-top: -50px;
  }
  .map-container {
    height: 320px !important;
  }
  
  /* --------------- column container ---------------- */
  #page-content-main { /* Main content container to edge of screen */
    padding-top:145px;    /* **header-height** */
    padding-top:14.5rem;    /* **header-height** */
  }
  .page-content { /* Main content container to edge of display area */
    /* *padding-left:0; - remove comment for IE7 (leave * before padding) */
    /* *padding-right:0; - remove comment for IE7 (leave * before padding) */
  }
  
  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar      ||                             */
  /*    ||           66.667%            ||      33.333%      ||                             */
  /*    ||    |                         ||    |         |    ||                             */
  /*    || 0% |      66.667%       | 0% || 0% | 33.333% | 0% ||                             */
  /*    ||    |                    |    ||    |         |    ||                             */
  
  .twocol-sideright .col-wrap {
    right:33.333%;                  /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar      ||         Main Content         ||                             */
  /*    ||      33.333%      ||           66.667%            ||                             */
  /*    ||    |         |    ||    |                         ||                             */
  /*    || 0% | 33.333% | 0% || 0% |      66.667%       | 0% ||                             */
  /*    ||    |         |    ||    |                    |    ||                             */
  
  .twocol-sideleft .col-wrap {
    right:66.667%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:0%;                        /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */

  /* --------------- Footer 2 Column Layout styles ---------------- */

  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* --------------- Footer Bottom Layout styles ---------------- */
    .footer-bottom {
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
  }
  

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1025px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min-resolution: 192dpi) and (min-width: 1025px),
only screen and (min-resolution: 2dppx) and (min-width: 1025px) { 
  /* DESKTOP SMALL - Retina - (1025px–1280px) */
  
}


@media only screen and (min-width: 1281px) {
  /* DESKTOP - Non-Retina - (1281px–1920px) */
   
  /* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section > .paragraph-container-item,
  .path-frontpage .block-page-title-block.container-item .content,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 55px;
    padding-top: 5.5rem;
    padding-bottom: 60px;
    padding-bottom: 6rem;
  }
  .paragraph--type--section-multi-column-highlight,
  .paragraph--type--section {
    margin-top: 55px;
    margin-top: 5.5rem;
    margin-bottom: 55px;
    margin-bottom: 5.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-top-margin {
    padding-top: 55px;
    padding-top: 5.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-bottom-margin {
    padding-bottom: 60px;
    padding-bottom: 6rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-left-margin {
    padding-left: 55px;
    padding-left: 5.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-right-margin {
    padding-right: 55px;
    padding-right: 5.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-top-margin {
    padding-top: 110px;
    padding-top: 11rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-bottom-margin {
    padding-bottom: 115px;
    padding-bottom: 11.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-left-margin {
    padding-left: 110px;
    padding-left: 11rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-right-margin {
    padding-right: 110px;
    padding-right: 11rem;
  }


  /* --------------- Header styles ---------------- */
  #header-wrap { /* header container to edge of screen */
    min-height:90px;      /* **header-height** */
    min-height:9rem;      /* **header-height** */
  }
  .fixed-header #header-wrap { /* header container to edge of screen when scrolling */
    min-height:50px;      /* **header-height** */
    min-height:5rem;       /* **header-height** */
  }
  .logo-wrap img { /* image inside logo container */
    height:60px; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
    height:6rem; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  }
  .fixed-header .logo-wrap img {
    height:30px; /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    height:3rem; /* *header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    padding:1px 0; /*same as the border thickness of #menu-icon, #search-icon */
  }

  /* --------------- slideshow ---------------- */
  /* Background images on slides, banners, maps */
  /*.slide-container {
    height: 500px !important;
  }*/ /* until I figure this one out*/
  .banner-container {
    height: 500px !important;
  }
  .banner-wrap {
    height: 500px !important;
    margin-top: -50px;
  }
  .map-container {
    height: 320px !important;
  }

  

  /* --------------- column container ---------------- */
  #page-content-main { /* Main content container to edge of screen */
    padding-top:145px;    /* **header-height** */
    padding-top:14.5rem;    /* **header-height** */
  }

  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar      ||                             */
  /*    ||           66.667%            ||      33.333%      ||                             */
  /*    ||    |                         ||    |         |    ||                             */
  /*    || 7% |      59.667%       | 0% || 0% | 26.333% | 7% ||                             */
  /*    ||    |                    |    ||    |         |    ||                             */
  
  .twocol-sideright .col-wrap {
    right:33.333%;                  /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:59.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:40.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:26.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:40.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar      ||         Main Content         ||                             */
  /*    ||      33.333%      ||           66.667%            ||                             */
  /*    ||    |         |    ||    |                         ||                             */
  /*    || 7% | 26.333% | 0% || 0% |      59.667%       | 7% ||                             */
  /*    ||    |         |    ||    |                    |    ||                             */
  
  .twocol-sideleft .col-wrap {
    right:66.667%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:59.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:26.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:14%;                        /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */

  /* --------------- Footer 2 Column Layout styles ---------------- */

  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* --------------- Footer Bottom Layout styles ---------------- */
  .footer-bottom {
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
  }


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1281px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min-resolution: 192dpi) and (min-width: 1281px),
only screen and (min-resolution: 2dppx) and (min-width: 1281px) { 
  /* DESKTOP - Retina - (1281px–1920px) */
  
}


@media only screen and (min-width: 1921px) {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */
  
/* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section > .paragraph-container-item,
  .path-frontpage .block-page-title-block.container-item .content,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 65px;
    padding-top: 6.5rem;
    padding-bottom: 70px;
    padding-bottom: 7rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-top-margin {
    padding-top: 65px;
    padding-top: 6.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-bottom-margin {
    padding-bottom: 70px;
    padding-bottom: 7rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-left-margin {
    padding-left: 65px;
    padding-left: 6.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-right-margin {
    padding-right: 65px;
    padding-right: 6.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-top-margin {
    padding-top: 130px;
    padding-top: 13rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-bottom-margin {
    padding-bottom: 135px;
    padding-bottom: 13.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-left-margin {
    padding-left: 130px;
    padding-left: 13rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-right-margin {
    padding-right: 130px;
    padding-right: 13rem;
  }

  
  /* --------------- Header styles ---------------- */
  
  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  /*.slide-container {
    height: 960px !important;
  }*/ /* until I figure this one out*/
  .banner-container {
    height: 600px !important;
  }
  .banner-wrap {
    height: 600px !important;
    margin-top: -50px;
  }
  .map-container {
    height: 320px !important;
  }

  /* --------------- column container ---------------- */
  
  /* --------------- common column settings - no need to adjust ---------------- */
  .twocol-sideright .col1 .container-item,
  .twocol-sideright .col1 .paragraph-container-item,
  .twocol-sideleft .col2 .container-item {
    padding-left:0;
    padding-right:3.5%;
    padding-right:3.5vw;
    /* width:96.5%; - remove comment for IE8 */
  }
  .twocol-sideleft .col1 .container-item,
  .twocol-sideleft .col1 .paragraph-container-item,
  .twocol-sideright .col2 .container-item {
    padding-left:3.5%;
    padding-left:3.5vw;
    padding-right:0;
    /* width:96.5%; - remove comment for IE8 */
  }
  .twocol-sideleft .col1 .bgcol .paragraph-container-item,
  .twocol-sideright .col1 .bgcol .paragraph-container-item { /* Alter padding for Sections with a coloured background */
    padding-left:4%;
    padding-left:4vw;
    padding-right:4%;
    padding-right:4vw;    
    /* width:82%; - remove comment for IE8 */
  }

  .footer-two-first .container-item,
  .footer-three-first .container-item,
  .footer-four-first .container-item,
  .footer-bottom-left .container-item {
    padding-left:15%;
    padding-left:15vw;
    padding-right:2%;
    padding-right:2vw;    
    /* width:83%; - remove comment for IE8 */
  }
  .footer-two-second .container-item,
  .footer-three-third .container-item,
  .footer-four-fourth .container-item,
  .footer-bottom-right .container-item {
    padding-left:2%;
    padding-left:2vw;
    padding-right:15%;
    padding-right:15vw;    
    /* width:83%; - remove comment for IE8 */
  }
  .footer-three-second .container-item,
  .footer-four-second .container-item,
  .footer-four-third .container-item {
    padding-left:2%;
    padding-left:2vw;
    padding-right:2%;
    padding-right:2vw;    
    /* width:96%; - remove comment for IE8 */
  }
  .slideshow .container-item, /* overrides for slideshow section */
  .slideshow .paragraph-container-item, /* overrides for slideshow section */
  .path-frontpage .block-system-main-block.container-item, /* overrides for main content on the front page (use padding in paragraphs) */
  .path-node .block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
  .page-node-type-error-page .block-system-main-block.container-item, /* overrides for main content on Error Page type (use padding in paragraphs) */
  .container-item .container-item,/* prevents duplicating of the padding on nested container items */
  .paragraph-container-item .paragraph-container-item,
  .twocol-sideright .col1 .paragraph-container-item .paragraph-container-item,
  .twocol-sideleft .col1 .paragraph-container-item .paragraph-container-item, /* prevents duplicating of the padding on nested paragraphs */
  .twocol-sideleft .col1 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideright .col1 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideleft .col2 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideright .col2 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideleft .col1 .field--type-webform .container-item,
  .twocol-sideright .col1 .field--type-webform .container-item { /* prevents duplicating of the padding on container-items in webforms */
    padding: 0;
  }

  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar       ||                             */
  /*    ||             62%              ||        38%         ||                             */
  /*    ||     |                        ||    |         |     ||                             */
  /*    || 15% |       47%        | 0%  || 0% |   23%   | 15% ||                             */
  /*    ||     |                  |     ||    |         |     ||                             */
  
  .twocol-sideright .col-wrap {
    right:38%;                      /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:47%;                      /* Main Content inner width (width minus padding left and right) */
    left:53%;                       /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:23%;                      /* Sidebar inner width (width minus padding left and right) */
    left:53%;                       /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar       ||         Main Content          ||                             */
  /*    ||        38%         ||             62%               ||                             */
  /*    ||     |         |    ||    |                          ||                             */
  /*    || 15% |   23%   | 0% || 0% |        47%         | 15% ||                             */
  /*    ||     |         |    ||    |                    |     ||                             */
  
  .twocol-sideleft .col-wrap {
    right:62%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:47%;                      /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:23%;                      /* Sidebar inner width (width minus padding left and right) */
    left:30%;                       /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */

  /* --------------- Footer 2 Column Layout styles ---------------- */

  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* --------------- Footer Bottom Layout styles ---------------- */


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min-resolution: 192dpi) and (min-width: 1921px),
only screen and (min-resolution: 2dppx) and (min-width: 1921px) { 
  /* DESKTOP LARGE - Retina - (1921px and larger) */
  
}