* {
box-sizing: border-box;  /* set width regardless of padding */
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 2, 2021 */
@font-face {
    font-family: 'ginora_sansbold';
    src: url('../fonts/ginora_sans_bold-webfont.woff2') format('woff2'),
         url('../fonts/ginora_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ginora_sansregular';
    src: url('../fonts/ginora_sans_regular-webfont.woff2') format('woff2'),
         url('../fonts/ginora_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
margin: 0;
font-family: 'Source Sans Pro', 'Arial' , sans-serif;
font-weight: 400;
color: #4F4647;
background: #FFF;
}

h1 {
/* used in header logo */
}
h2, .category-name {
font-family: 'ginora_sansbold', "Arial", sans-serif;
text-transform: uppercase;
font-size: 30px;
color: #050D9E;
font-weight: normal;
margin-top: 0;
line-height: 130%;
}
h3 {
font-family: 'ginora_sansbold', "Arial", sans-serif;
text-transform: uppercase;
font-size: 20px;
color: #050D9E;
font-weight: normal;
line-height: 130%;
}
h4 {
font-family: 'ginora_sansbold', "Arial", sans-serif;
text-transform: uppercase;
font-size: 18px;
color: #050D9E;
font-weight: normal;
line-height: 130%;
}

p {
margin-top: 0;
font-size: 16px;
line-height: 140%;
}

blockquote {
margin: 0;
}
blockquote p {
font-size: 24px;
line-height: 100%;
}
blockquote .firstquote,
blockquote .lastquote {
display: inline-block;
font-size: 66px;
color: #050D9E;
position: relative;
top: 22px;
}
blockquote .lastquote {
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
top: -5px;
}

a {
color: #050D9E;
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
.linklge {
font-size: 140%;
text-align: center !important;
padding-top: 40px;
margin-bottom: 0;
}
.anchor {
  position: relative;
  top: -240px;
  height: 0;
}


.left, .lft {
float: left;
}
.right, .rgt {
float: right;
}
.clear, .clr {
clear: both;
}
.imglft {
  float: left;
  margin: 0 20px 20px 0;
}
.imgrgt {
  float: right;
  margin: 0 0 20px 20px;
}

img.noborder {
border: 0 !important;
}
img.noresize {
width: auto;
max-width: none;
}
img.nomargin {
margin:0 auto !important;
}
.imgcaption,
.note {
font-size: 12px;
font-style: italic;
}
.imgcaption {
text-align: center !important;
}

.overflow {
width: 100%;
overflow: auto;
}
.centered {
text-align: center;
}

img {
  display: block; /* removes white space below */
}
header img {
  display: inline; /* except in header */
}




/* ---- general tables ---- */

table {
width: 100%;
margin: 20px auto;
}

th {
color: #fff;
text-align: left;
background: #77B1E0;
padding: 5px;
}
th h4 {
margin:0;
}
td {
background: #F7F7F7;
padding: 5px;
}
td p {
margin: 0;
}



/* Content */


#container {
width:100%;
}


/* HEADER */
#header {
position: fixed;
width: 100%;
height: 40px;
background: #050D9E;
z-index: 100;
}

    /* Main Menu layout */
    .menu {
    position:relative;
    clear:both;
    height:0;
    overflow:hidden;
    }
    .menu.menuOpen { /* jquery adds this class onclick */
    height:auto;
    }
    /* toggle image is visible */

    .menutoggle {
    display:block;
    height:30px;
    width:30px;
    overflow:hidden;
    text-decoration:none;
    padding:0;
    margin:5px 0 0 5px;
    cursor: pointer;
    z-index: 9000;
    }
      /* full menu is vertical */
      .menu ul {
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
      }
        .menu ul li {
        font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
        font-size: 15px;
        text-transform: uppercase;
        }
        .menu ul li a {
        display: block;
        font-weight: normal;
        text-decoration: none;
        padding: 5px 15px;
        }
        /* when item is selected or hovered */
        .menu ul li a:hover {
        position: relative;
        }
        /* Special Offers */
        #menu-item-1034 a {
        background: url(../images/star.png) center left no-repeat;
        padding-left: 25px;
        margin-left: 15px;
        }
        #menu-item-1039 a {
        background: url(../images/xmas.png) center left no-repeat;
        padding-left: 25px;
        margin-left: 15px;
        }
            /* sub menus */
            .menu ul li ul {
            margin-left: 15px;
            display: block;
            }
            .menu ul li:hover ul,
            .menu ul a:hover ul {
            display: block;
            }
                /* fly-out menus */
                .menu ul li:hover ul ul,
                .menu ul a:hover ul ul
                .menu ul ul ul {
                display: none;
                }
                .menu ul ul li:hover ul,
                .menu ul ul a:hover ul {
                display: block;
                }
    /* Main Menu text colours */
    .menu ul li a {
    color: #FFF;
    }
    .menu ul li a:hover {
    text-decoration: underline;
    }
    /* Main Menu background colours */
    .menu ul li {
    background: #050D9E;
    }

    /* Main Menu text colours */
    .menu ul li.current_page_item a,
    .menu ul li.current-menu-ancestor a,
    .menu ul li.current-menu-ancestor ul li.current_page_item a {
    color: #D4AF37;
    }
        .menu ul li.current-menu-ancestor ul li a,
        .menu ul li.current_page_item ul li a,
        .menu ul li.current-menu-ancestor ul li.current_page_item ul li a {
        color: #FFF;
        }
            .menu ul li.current-menu-ancestor ul li a:hover,
            .menu ul li.current_page_item ul li a:hover {
            color: #D4AF37;
            }
    .menu ul ul ul li a:hover,
    .menu ul li.current-menu-ancestor ul ul li.current_page_item a,
    .menu ul li.current-menu-ancestor ul ul li a:hover,
    .menu ul li.current_page_item ul ul li a:hover,
    .menu ul ul li.current_page_item ul li a:hover,
    .menu ul li.current-menu-ancestor ul li.current_page_item ul li a:hover {
    color: #fff;
    }
    /* Main Menu background colours */
    .menu ul ul ul li {
    background: #D4AF37;
    }


    /* Social icons */
    #social {
    position: absolute;
    top: 4px;
    right: 10px;
    z-index: 101;
    }
    #social p {
    margin: 0;
    }
    #social img {
    width: 24px;
    height: auto;
    display: inline;
    }

      #social .con,
      #social .tel,
      #social .in {
      display:inline-block;
      width:28px;
      height:28px;
      }
      #social .contxt,
      #social .teltxt {
      display: none;      /* hide text when it overlaps the menu */
      }
      #social .con {
      background: url(../images/con-w.png) top left no-repeat;
                }
      #social .tel  {
      background: url(../images/tel-w.png) top left no-repeat;
      }
      #social .in   {
      background: url(../images/in-w.png) top left no-repeat;
      margin-right: 10px;
      }


/* header area */
#logodesc {
  width: 100%;
  background: #fff;
}
    .page-template-page-home #logodesc {

    }
        #logodesc h1 {
        margin: 0;
        }

        /* logo and background image */
        #logo {
        padding: 2% 10%;
        }
        .page-template-page-home #logo {
        /* position: absolute;         float over image on mobile view */
        padding: 12% 20%;
        text-align: center;
        }
        .page-template-page-home .scrolled #logo {
        /* position: absolute;         float over image on mobile view */
        padding: 0.2% 20%;
        }
            #logo img {
            width: 280px;
            transition: 0.2s;
            }
            .scrolled #logo img {
            width: 180px;
            transition: 0.2s;
            }
            .page-template-page-home #logo img.sq {
            width: 90%;  /* overide fixed width above - scaled by padding above */
            }
            .page-template-page-home #logo img.rec {
            display:none;
            width: 90%;
            transition: 0.2s
            }
            .page-template-page-home .scrolled #logo img.sq {
            display:none;
            transition: 0.2s
            }
            .page-template-page-home .scrolled #logo img.rec {
            display:block;
            transition: 0.2s
            }




        /* called in header-home only - hidden on mobile */
        #mainbgimg {
        display: none;
        width: 100%;
        }

        #header .clear {
        height: 0;
        }

    /* main body content (set width) */
    #specialoffers {
    clear: both;
    background: #0C249E;
    height: 40px;
    transition: 0.2s;
    }
    #specialoffers.scrolled  {
    height: 5px;
    transition: 0.2s;
    }
        #specialoffers p {
        color: #fff;
        }

/* END HEADER */


/* CONTENT */


    #main {
    width: 100%;
    padding: 230px 10% 60px;
    }
    .page-template-page-home #main {
    padding: 420px 15% 60px;
    }
    /* on scroll */
    .page-template-page-home #main.scrolled {
    padding: 240px 15% 60px;
    }
    .lightsection,
    .darksection {
    width: 100%;
    padding: 60px 10%;
    }
      #main p,
      .lightsection p,
      .darksection p {
      text-align: justify;
      }


    /* centre headings on the home page but not elsewhere */
    .page-template-page-home .lightsection h1,
    .page-template-page-home .darksection h1,
    .page-template-page-home .lightsection h2,
    .page-template-page-home .darksection h2 {
    text-align: center;
    }


    /* alternate sections */
    .lightsection {
    background: #FFF;
    }
    .darksection {
    background: #0C249E;
    }
      .darksection,
      .darksection h2,
      .darksection h3,
      .darksection h4,
      .darksection p,
      .darksection li,
      .darksection a {
      color: #fff;
      }

    #main hr {
    clear: both;
    height:0;
    border: 0;
    border-bottom: 1px solid #000;
    margin: 40px auto;
    }

    .twocol.colone {
    margin-bottom: 40px;
    }
    #services .twocol.colone {
    margin-bottom: 0;
    }
    .twocol.coltwo {

    }


  /* large images */
  .bgimg-1, .bgimg-2, .bgimg-3 {
    position: relative;
    opacity: 1;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;

  }
  @supports not (-webkit-overflow-scrolling: touch) {
    /* CSS for other than iOS devices */
    .bgimg-1, .bgimg-2, .bgimg-3 {
      background-attachment: fixed;
    }
  }
  @supports (-webkit-overflow-scrolling: touch) {
    /* CSS for only iOS devices */
    .bgimg-1, .bgimg-2, .bgimg-3 {
      background-attachment: scroll;
    }
}

  .bgimg-1 {
    min-height: 300px;
  }
  .bgimg-2 {
    min-height: 300px;
  }
  .bgimg-3 {
    min-height: 300px;
  }
    .caption {
      position: absolute;
      left: 0;
      top: 36px;
      width: 100%;
      text-align: center;
    }
    .caption span.border {
      color: #FFF;
      font-weight: bold;
      padding: 0px;
      font-size: 20px;
      letter-spacing: 5px;
    }
    .caption span.border a {
      color: #FFF;
      text-decoration: none;
    }
    .caption span.border a:hover{
      color: #FFC60B;
    }



    .imgcol {
    }
      .imgcol img {
      max-width: 100%;
      height: auto;
      border: 1px solid #000;
      }
      .imgcol p {
      margin: 0 !important;
      }
      .imgcol img.noresize {
      width: auto;
      max-width: none;
      }
    .contentcol {
    }



  /* SPECIFICS */

  /* HOME */

  .page-template-page-home #main h2 {
    margin: 40px 0;
  }
  .page-template-page-home h2 .dot { /* dots */
    display: none;
  }

    /* introduction */

    .infographic {
      text-align: center;
      margin: 40px 0 0 0;
    }
    .infographic img {
      width: 100%;
      max-width: 850px;
      height: auto;
      display: inline;
    }

    /* Services */

    #services .gallery {
    }
    #services .gallery .imgcontainer {
    position: relative;
    float: left;
    width: 46%;
    height: 0;
    padding-bottom: 46%;
    text-align: center;
    margin: 0 4% 8% 4%;
    border: 1px solid #fff;
    border-radius: 20px;
    }
    #services .gallery .imgcontainer:nth-child(even) {
    margin: 0 0 8% 0;
    }

    #services .gallery img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:      0;
    left:     0;
    bottom:   0;
    right:    0;
    border-radius: 20px;
    }
    #services .gallery .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: #FFF;
    border-radius: 20px;
    }
    #services .gallery .imgcontainer:hover .overlay {
    opacity: 0.9;
    }
    #services .gallery .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    }
    #services .gallery .title a {
    font-size: 16px;
    font-weight: 700;
    color: #D4AF37;
    text-transform: uppercase;
    text-decoration: none;
    }

    #services li {
      margin-bottom: 10px;
    }

    #search {
    text-align: center;
    }
    #search.lightsection {
    background: #E4E2E2;
    padding: 20px 15%;
    }


    /* ABOUT */

    /* animation */
    #logoanim {
      width: 250px;
      height: auto;
    }

    /* MEET THE TEAM */
    .page-template-page-aboutus {
    }
    .page-template-page-aboutus h4 {
      font-size: 18px;
      color: #fff;
      background: #0C249E;
      padding: 10px;
      margin-top: 0;
    }
    /* email icon in header */
    .page-template-page-aboutus h4 img.webemail {
      display: none;
    }
    /* email icon out of header */
    .page-template-page-aboutus img.mobemail {
      float: right;
      width: 20px;
      height: auto;
      margin: 5px 0 10px 20px;
    }

    /* SERVICES */

    .more {
      font-size: 130%;
      border-top: 1px solid #77B1E0;
      border-bottom: 1px solid #77B1E0;
      padding: 20px 0;
      margin: 20px 0 0 0;
    }
    .moreclr {
      clear: both;
      height: 80px;
    }

    /* BLOG */

    /*index - 1 column (and blocks on home page) */
    .blogindex,
    .categoryindex {

    }
    article img {
      width: 100%;
      height: auto;
      border-radius: 10px;
      margin-bottom: 10px;
    }
      .commentlist article img {
        width: auto;
        height: auto;
        border-radius: 0;
        margin-bottom: 0;
      }
    .by, .author {
      display: none;
    }
    .article-excerpt {
      padding: 4%;
      background: #f2f2f2;
    }
    .article-excerpt p {
      /*margin: 0;*/
    }
    .excerpt-read-more {
      margin:0;
      text-align: right !important;
    }

    .category-name {
      /* same as h2 */
    }


    /* article */
    .article-header {
      padding: 20px;
      background: #0C249E;
      color: #fff;
    }
    .article-header h2 {
      font-size: 20px;
    }
    .article-header h2,
    .article-header p,
    .article-header a {
      color: #fff;
      margin: 0;
    }
    .wp-post-image {
      width: 100%;
      height: auto;
      border-radius: 10px;
      margin-bottom: 10px;
    }
    .entry-content,
    .article-footer {
      background: #f2f2f2;
    }
    .entry-content {
      padding: 6%;
      margin-bottom:40px;
    }
    .article-footer p {
      font-size: 12px;
      font-style: italic;
    }

    #commentform .comment-form-comment label,
    #commentform .comment-form-author label,
    #commentform .comment-form-email label,
    #commentform .comment-form-url label {
      display: inline-block;
      width: 100px;
    }
    #commentform textarea {
      width: 100%;
    }

    .cf {
      margin-bottom:40px;
    }


    .pagination {
      clear: both;
    }

    ul.page-numbers {
      list-style-type: none;
    }
    ul.page-numbers li {
      float: left;
      padding: 0 10px;
    }

    /* CONTACT FORMS */




    .page-template-default.page-id-16 p,
    .page-template-page-contact p {
      text-align: left !important;
    }
    .page-template-default.page-id-16 img,
    .page-template-page-contact img {
      display: inline-block;
    }
    .page-template-page-customlogin label,
    .page-template-default.page-id-16 label,
    .page-template-page-contact label {
      float: none;
      clear: both;
      width: 100%;
    }
    .page-template-page-customlogin input[type=text],
    .page-template-default.page-id-16 input[type=text],
    .page-template-page-contact input[type=text],
    .page-template-default.page-id-16 input[type=email],
    .page-template-page-contact input[type=email],
    .page-template-default.page-id-16 input[type=tel],
    .page-template-page-contact input[type=tel],
    .page-template-default.page-id-16 select,
    .page-template-page-contact select,
    .page-template-default.page-id-16 input[type=date],
    .page-template-page-contact input[type=date],
    .page-template-default.page-id-16 textarea,
    .page-template-page-contact textarea {
      width: 100%;
      padding: 6px;
      border: 0;
      background: #eee;
      margin-bottom: 4px;
    }
    input[type=submit],
    input[type=button] {
      background: #0C249E;
      padding: 6px 10px;
      color: #fff;
      font-size: 120%;
      border: 0;
      border-radius: 10px;
      float: right;
    }



/* END CONTENT */

/* FOOTER */
    #footer {
    clear: both;
    width: 100%;
    background: #0C249E;
    padding: 60px 10% 40px;
    border-top: 10px solid #fff;
    }
      #footer h2,
      #footer h3 {
        text-align: left;
      }
      #footer ul {
      padding: 0;
      margin: 0;
      }
      #footer li {
      list-style-type: none;
      margin-bottom: 6px;
      }
      #footer p, #footer li, #footer a, #footer a:visited {
      color: #fff;
      }
      #footer h3 {
      margin: 0;
      }
      #quicklinks {
      margin-bottom: 40px; /* space below when not floated */
      }
      #findus {
      }
        #findus.office,
        #findus.training {
        margin-bottom: 40px; /* space below first address when not floated */
        }
        /* override map width to make responsive */
        .gmw-thumbnail-map img {
          width: 100% !important;
          height: auto;
          border: 1px solid #fff;
        }
        #findus.training h2,
        #findus.logistics h2 {
        display: none;  /* hide empty heading 2 to hide space */
        }


    #copyright {
    clear: both;
    width: 100%;
    text-align: center;
    background: #141446;
    padding: 10px 10%;
    border-top: 10px solid #fff;
    }
      #copyright p {
      font-size: 90%;
      color: #fff;
      margin: 0;
      }
      #copyright a {
      color: #fff;
      }

    #cookie-notice a {
      color: #fff !important;
      text-decoration: underline;
    }
    .cn-button.wp-default {
      background: #D4AF37 !important;
      text-decoration: none !important;
    }

/* END FOOTER */











/* -----------------------------------------------------------  MEDIA QUERIES ----------------------------------------------------------- */
  /* Small devices (mobile (portrait), all styles above here ^^^^^) */



/* Small devices (mobile (landscape), 420px and up) */
@media (min-width: 400px) {

    body {
    border: 0px solid red;
    }

}

/* Small devices (mobile (landscape), 620px and up) */
@media (min-width: 472px) {

    body {
    border: 0px solid cyan;
    }

    .page-template-page-home #logo {
    padding: 4% 20%;
    }

    .page-template-page-home #logo img.sq {
    width: 40%;
    }
    .page-template-page-home #logo img.rec {
    width: 40%;
    }




}


/* Small devices (tablets (portrait), 767px and up) */
@media (min-width: 768px) {

    body {
    border: 0px solid orange;
    }

    /* adjusts the spacing above to allow for fixed header */
    .page-template-page-home #main {
    padding: 320px 15% 60px;
    }


/*    h3 {
    margin-top: 0;
    }*/

/* HEADER */

    /* Main Menu */
    .menu {
    width:100%;
    overflow:visible;
    height:30px;
    z-index:100;
    padding:0;
    }

    /* toggle image is hidden */
    /* inner container - toggle only */
    #menutoggle  {
    display:none;
    }

    /* full menu is horizontal */
    /* inner container - menu only */
    .menu {
    /*position: fixed; stick to top of browser */
    position: relative;
    display: block;
    height: 40px;
    background: #050D9E;
    }
        .menu ul {
        list-style-type: none;
        padding: 5px 0;
        }
        .menu ul li {
        position: relative;
        float: left;
        font-size: 15px;
        margin: 0;
        }
        .menu ul li a {
        position: relative;
        height: 16px;
        line-height: 16px;
        text-align: center;
        padding: 0 10px;
        border-right: 1px solid #fff;
        margin: 7px 0;
        }
        /* no | on last item */
        .menu ul li.menu-item-20 a {
        border-right: 0px solid #fff;
        }

        /* when item is selected or hovered */
        .menu ul li a:hover,
        .menu ul li.current_page_item a,
        .menu ul li.current_page_ancestor a {
        }
        /* Special Offers */
        #menu-item-260 a {
        border-right: 0;
        margin-left: 10px;
        }
            /* sub menus */
            .menu ul li ul {
            display: none;
            width: 100%;
            position: absolute;
            top: 30px;
            left: 0;
            height: 0;
            padding: 0;
            margin: 0;
            z-index: 1;
            }
            .menu ul li:hover ul,
            .menu ul a:hover ul {
            z-index:100;
            }
                .menu ul li ul li {
                width: 175px;
                border-right: 0;
                white-space: nowrap;
                border-right: 4px solid #050D9E;
                }
                .menu ul li ul li.menu-item-has-children {
                border-right: 4px solid #D4AF37;
                }
                .menu ul li ul li.menu-item-has-children:hover {
                border-right: 4px solid #D4AF37;
                }
                /* stop inheritance of top level selected styles - reset */
                .menu ul li ul li a,
                .menu ul li.current_page_item ul li a,
                .menu ul li.current_page_ancestor ul li a {
                height: auto;
                text-align: left;
                padding: 0 10px;
                border-right: 0;
                }

                    /* fly-out menus */
                    .menu ul ul ul {
                    display: none;
                    position: absolute;
                    top: 0;
                    left: 165px;
                    height: 0;
                    }
                    .menu ul ul li:hover ul,
                    .menu ul ul a:hover ul {
                    display: block;
                    z-index:100;
                    }
                    .menu ul li ul li ul li {
                    width: 220px;
                    border-right: 0;
                    }
                    /* fly-out menus sub menu */
                    .menu ul ul ul ul {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    }
                    .menu ul ul ul ul li {
                    padding-left: 10px;
                    }

    /* Social icons */
    /* change icon color when menu color changes */

      #social .con {
      background: url(../images/con-w.png) top left no-repeat;
                }
      #social .tel  {
      background: url(../images/tel-w.png) top left no-repeat;
      }
      #social .in   {
      background: url(../images/in-w.png) top left no-repeat;
      margin-right: 10px;
      }

    /* header area */
    #logodesc {
    background: url("https://www.vqsltd.co.uk/wp-content/uploads/2021/02/manwithcar.jpg") top right no-repeat #fff;
    background-size: contain;
    }
        /* logo and background image */
        #logo {
        padding: 1.5% 10%;
        transition: 0.2s;
        }
        .scrolled #logo {
        padding: 0.2% 10%;
        transition: 0.2s;
        }

        .page-template-page-home #logo {
        float: left;
        width: 45%;
        text-align: left;
        padding: 5% 0 0 12%;
        }
        .page-template-page-home .scrolled #logo {
        width: 45%;
        padding: 0.2% 0 0.4% 10%;
        }

            .page-template-page-home #logo img.sq {
            width: 50%;
            max-width: 269px;
            margin-bottom: 60px;
            }
            .page-template-page-home #logo img.rec {
            width: 180px;
            }

        /* called in header-home only - shown for desktop */
        #mainbgimg {
        display: none;
        float: right;
        width: 40%;
        text-align: right;
        }
        .page-template-page-home .scrolled #mainbgimg {
        display: none;
        }
            #mainbgimg img {
            display: block;
            width: 100%;
            max-width: 800px;
            }


/* END HEADER */

/* CONTENT */

    #main {
    padding: 260px 15% 60px;
    }
    .lightsection,
    .darksection {
    padding: 60px 15%;
    }
    #services.darksection {
    padding: 60px 15%;
    }

    .twocol.colone {
    float: left;
    width: 46%;
    margin-right: 8%;
    margin-bottom: 0px;
    }
    .twocol.coltwo {
    float: left;
    width: 46%;
    }

    .imgcol {
    clear: both;
    float: left;
    }
      .imgcol img {
      max-width: 300px;
      height: auto;
      margin: 0 0 40px 0;
      border: 1px solid #141446;
      margin-bottom: 40px;
      }
    .contentcol {
    padding-left: 340px;
    }
    .lftcol {
    float: left;
    width: 49%;
    }
    .rgtcol {
    float: right;
    width: 49%;
    }
        #main.contact .lftcol {
        float: left;
        width: 40%;
        }
        #main.contact .rgtcol {
        float: right;
        width: 55%;
        }



  /* SPECIFICS */

    /* HOME */
    .page-template-page-home h2 .dot { /* dots */
      display: inline;
      margin: 0px 5px 6px 0;
    }

    #services .gallery {
    /*float: right;*/
    width: 80%;
    margin: 0 auto;
    }
    #services .gallery .imgcontainer {
    width: 23%;
    padding-bottom: 23%;
    margin: 0 1% 2% 1%;
    }
    #services .gallery .imgcontainer:nth-child(even) {
    margin: 0 1% 2% 1%;
    }
    #services .gallery .imgcontainer:nth-child(4) {
    margin: 0 0 2% 0;
    }


    /* MEET THE TEAM */
    .page-template-page-aboutus {
    }
    /* email icon in header */
    .page-template-page-aboutus h4 img.webemail {
      display: inline-block;
      float: right;
      width: 20px;
      height: auto;
      margin: 0;
    }
    /* email icon out of header */
    .page-template-page-aboutus img.mobemail {
      display: none;
    }

    /* SERVICES */

    .page-template-page-services h3 {
      margin-top: 0;
    }


    /* BLOG */

    /* index - 2 column */
    .blogindex article {
      float: left;
      width: 46%;
      margin-right: 3%;
    }
      .blogindex article img {
        height: calc(100vw*0.22);   /* 12% of viewport width */
        width: 100%;
        overflow: hidden;
      }

    .entry-content {
      padding: 2%;
    }
    .cf {
      margin-bottom:20px;
    }




/* END CONTENT */

/* FOOTER */
    #footer {
    }
    #footer h3 {
      font-size: 20px;
    }

      #quicklinks {
      float: left;
      width: 50%;
      margin-bottom: 0; /* no space below when floated */
      margin-right: 5%;
      }
      #findus {
      }
        #findus.office {
        float: left;
        width: 40%;
        margin-bottom: 0; /* no space below when floated */
        margin-right: 5%;
        }
        #findus.training {
        float: left;
        width: 50%;
        margin-bottom: 0; /* no space below when floated */
        margin-right: 5%;
        }
        #findus.logistics {
        float: left;
        width: 40%;
        }
        #findus.training h2,
        #findus.logistics h2 {
        display: block;  /* show empty heading 2 to keep addresses aligned */
        }
        #findus.training h3,
        #findus.logistics h3 {
        white-space: nowrap;  /* stop title and text wrapping to keep addresses aligned */
        }

/* END FOOTER */


}

/* Medium devices (tablets (landscape), 1024px and up)    */
@media (min-width: 1024px) {

    body {
    border: 0px solid lime;
    }

    /* adjusts the spacing above to allow for fixed header */
    .page-template-page-home #main {
    padding: 380px 15% 60px;
    }

    /* Social icons */
    /* show text when it doesn't cover the menu (later than menu color change) */

      #social .contxt,
      #social .teltxt {
      display: inline-block;
      position: relative;
      top: -6px;
      color: #fff;
      font-size: 110%;
      margin-left: 4px;
      margin-right: 10px;
      }

    /* BLOG */

    /* index - 3 column */
    .blogindex article,
    .categoryindex article {
      float: left;
      width: 30%;
      margin-right: 3%;
    }
    .blogindex article.post {
      height: 650px;
    }

      .blogindex article img,
      .categoryindex article img {
        height: calc(100vw*0.145);   /* 12% of viewport width */
        width: 100%;
        overflow: hidden;
      }

}


/* Medium devices (desktops, 1170px and up)    */
@media (min-width: 1170px) {

    body {
    border: 0px solid blue;
    }

    /* adjusts the spacing above to allow for fixed header */
    .page-template-page-home #main {
    padding: 34% 15% 60px;
    }
    /* on scroll */
    .page-template-page-home #main.scrolled {
    padding: 22% 15% 60px;
    }

    /* BOOKING & CONTACT FORMS */

    .call {
      font-size: 130%;
    }
    .call img {
      position: relative;
      top: 6px;
    }
    .email {

    }


    .page-template-page-customlogin label,
    .page-template-default.page-id-16 label,
    .page-template-page-contact label {
      float: left;
      width: 25%;
    }

    .page-template-page-customlogin input[type=text],
    .page-template-default.page-id-16 input[type=text],
    .page-template-default.page-id-16 input[type=email],
    .page-template-default.page-id-16 input[type=tel],
    .page-template-default.page-id-16 textarea,
    .page-template-page-contact input[type=text],
    .page-template-page-contact input[type=email],
    .page-template-page-contact input[type=tel],
    .page-template-page-contact textarea {
      width: 60%;
    }
    .page-template-default.page-id-16 select,
    .page-template-default.page-id-16 input[type=date],
    .page-template-page-contact select,
    .page-template-page-contact input[type=date] {
      width: 30%;
    }

/* FOOTER */
    #footer {
    }
    #footer h3 {
      font-size: 20px;
    }

      #quicklinks {
      float: left;
      width: 19%;
      margin-bottom: 0; /* no space below when floated */
      }
      #findus {
      }
        #findus.office {
        float: left;
        width: 22%;
        margin-bottom: 0; /* no space below when floated */
        margin-right: 5%;
        }
        #findus.training {
        float: left;
        width: 22%;
        margin-bottom: 0; /* no space below when floated */
        margin-right: 5%;
        }
        #findus.logistics {
        float: left;
        width: 22%;
        }
        #findus.training h2,
        #findus.logistics h2 {
        display: block;  /* show empty heading 2 to keep addresses aligned */
        }
        #findus.training h3,
        #findus.logistics h3 {
        white-space: nowrap;  /* stop title and text wrapping to keep addresses aligned */
        }

/* END FOOTER */

}

/* Large devices (large desktops, 1400px and up)    */
@media (min-width: 1400px) {

    body {
    border: 0px solid purple;
    }

    /* adjusts the spacing above to allow for fixed header */
    .page-template-page-home #main {
    padding: 33% 15% 60px;
    }
    /* on scroll */
    .page-template-page-home #main.scrolled {
    padding: 18% 15% 60px;
    }


}