html {
    font: 1.05vw sans-serif;
    overflow-y: scroll;
    min-height: 100%;
    color: #727988;
    text-rendering: optimizeLegibility;
    font-family: "Open Sans", sans-serif;
}

body {
    background-color: #ffffff;
    position: relative;
    min-width: 320px;
}

/* Desktop Menu Start */
.logo-container {
    padding: 0 0 0 0 !important;
}

.logo-border {   
    height: 3.6vw;
    border-style: outset;
    border-color: #f0f0f5;
    border-width: 0.2vw;
    box-sizing: initial !important;
}

.navbar {
    overflow: hidden;
    color: #ffffff;
    background-color: #333;
    vertical-align: bottom;
    font-family: Arial;
    padding-left: 15vw;   
    height: 5.5vw; 
}

.navbar-left {    
    margin-top: 0.5vw;
    padding: 0.5vw 0 0.5vw 0;
    float: left;
    width: 15%;
}

.navbar-center {
    margin-top: 0.5vw;
    padding: 0.5vw 0 0.5vw 0;
    float: left;
    width: 60%;
}
.navbar-center a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 1vw 1vw 0.5vw 1vw;
        text-decoration: none;
        margin: 0 0 0 0;
    }
 
.navbar-right {
    margin-top: 0.5vw;
    padding: 0.5vw 0 0.5vw 0;
    float: left;
    width: 20%;
}
.navbar-right p {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 1vw 1vw 0.5vw 1vw;
        text-decoration: none;
        margin: 0 0 0 0;
    }
 .narbar-socialmedia-icon {
        padding: 1vw 0.1vw 0.5vw 0.1vw;
        width: 1vw;
    }

.active {
    background-color: #4CAF50;
    color: white;
}

.navbar-center .mobile-icon {
    display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

    .dropdown .dropbtn {
        font-size: 1vw;
        border: none;
        outline: none;
        color: white;
        padding: 1vw 1vw 0.5vw 1vw;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        margin: 0 0 0 0;
    }

.dropbtn:hover {
    color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 2vw;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

*.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 0.5vw 1vw 0.5vw 1vw;
    text-decoration: none;
    display: block;
    text-align: left;
}

*.dropdown-content a:hover {
    background-color: #ddd;
}

.navbar-center a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}
/* Desktop Menu End */

a, a:active {
    color: #616061;
    text-decoration: none;
}

a {
    outline: 0;
}

    a:link, a:visited {
    }

    a:hover {
        text-decoration: none;
        color: red;
    }

.icon {
    float: left;
    border-radius: .5vw;
}

    .icon:hover {
        background-color: #ffffff;
    }

.icon-image {
    height: 2vw;
    float: left;
    margin-right: 2vw;
}

h1 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 2.0vw 0.0vw;
    display: block;
}

h2 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin: 1.0vw 0vw;
    display: block;
}

h3 {
    font-size: 1.0rem;
    font-style:italic;
    margin: 1.0vw 0.0vw;
}

h4 {
    font-size: 0.9rem;
    margin: 0.5vw 0vw;
}

h5 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin: 0 0;
    display: block;
    background: rgba(240,210,160,0.7);
    text-align: center;
}

    h5:hover {
        text-decoration: none;
        color: red;
    }

h6 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin: 1.0vw 0vw;
    display: block;
}

h1, h2, h3, h4, h6 {
    color: #727988;
    font-weight: 550;
}

.quote, .quote-in-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #7ca2bd;
    font-weight: 550;
    font-size: 1.1rem;
    margin-top: 0vw;
    overflow: hidden;
}

.quote {
}

.quote-in-center {
    font-family: opensanssemibold,sans-serif;
    width: 75% !important;
    padding-top: 0.1vw !important;
    padding-right: 3% !important;
    padding-bottom: 1vw !important;
    padding-left: 3% !important;
    border-style: solid !important;
    border-width: 0.2vw !important;
    border-color: #dededa !important;
}

.quote-text {
    width: 100%;
    font-style: italic;
}

.quote-text_2 {
    width: 100%;
    font-style: italic;
    text-align: center;
    font-size: 1.4rem !important;
}

.quote-name {
    width: auto;
    height: 2.8rem;
    padding-left: 2vw;
    margin-top: 0.5vw;
    margin-right: 1vw;
    float: left;
}

.quote-symbol {
    width: 25%;
    height: 3vw;
    margin-top: 0;
    float: left;
}

.text-with-border {
    width: 80%;
    text-align: center;
    padding: 0 1vw 0 1vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 0.2vw;
    border-color: #dededa;
    background-color: #f5f5f5;
}

.text-block {
    background: #f5f5f5;
    padding: 0.5vw 0.5vw 0.5vw 0.5vw;
}

.button, a {
    cursor: pointer;
}

#contact-form, #subs-form, embed, img {
    vertical-align: top;
}

    #contact-form fieldset, #map dl, #subs-form, .clear, .quote-bottom, .wrapper, div.block1 {
        overflow: hidden;
    }

.borders, .button, .enquiry-panel, .image-centre-align, .image-container, .p-c, .p1-c, .p2-c, .product-box-description, .sf-menu > li, div.block1 {
    text-align: center;
}

blockquote, q {
    quotes: none;
}

table {
    padding: 0;
    border: none;
    border-collapse: collapse;
}

img {
    border-radius: 0.1vw;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline;
}

.clear, .container:after {
    display: block;
    visibility: hidden;
}

.case-study-logo {
  width:30%;
  height:auto;
  display:block;
  margin-top:2vw;
  margin-left:auto;
  margin-right:auto;
  float:left;
}

.case-study-image {
  width:50%;
  height:auto;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border: 0.2vw solid #dededa;
  background-color: #ffffff;
  border-radius: 1%;
}


* {
    box-sizing: border-box;
}

.container {
    width: 60%;
    margin: auto;
}

.full_width {
    width: 100%;
    float: left;
    border: 0;
    padding: 0.5vw;
}

.screen_full_width {
    width: 100%;
}

.container:after {
    content: "\0020";
    height: 0;
    clear: both;
}

body, html {
    height: 100%;
}

header {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0vw;
}

    header .indent-bottom {
        padding-bottom: 0.2vw;
    }

#content {
    width: 100%;
    padding: 0 0 0 0;
}

Text at the top of the content .top_text {
    width: 90%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.banner-container {
    position: relative;
    height: 20vw;
    overflow: hidden;
}

.banner-image {
    max-width: 100%;
    width: 100%;
    height: auto;
    float: right;
}

.banner_text_container {
    width: 45%;
    height: 10vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(114, 121, 136, 0.5);
    padding-top: 1vw;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 5%;
    margin-bottom: 2vw;
}

.banner-text {
    font-size: 2.4rem;
    color: white;
    font-weight: 200;
    line-height: 2.4rem;
    position: absolute;
    bottom: 4.4rem;
    left: 10%;
    text-align: left;
    padding-right: 1%;
}

.banner-sub-text {
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: gold;
    position: absolute;
    left: 10%;
    top: 6vw;
    padding-right: 1%;
}

.banner-container_2 {
    position: relative;
    height: 40vw;
    overflow: hidden;
}

.banner-image_2 {
    max-width: 50%;
    width: 50%;
    height: auto;
    float: none;
  	margin-left: 15vw;
}

.image_text {
    width: 100%;
    background: rgba(0, 64, 128, 0.5);
    color: white;
    font-weight: 400;
    text-align: left;
    position: absolute;
    padding: 0 0 0 1.0vw;
    top: 0;
    left: 0;
    margin: 0 0 0 0;
}

.image_button {
    height: 2vw;
    background: rgba(0, 64, 128, 0.3);
    color: white !important;
    font-weight: 200;
    text-align: left;
    position: absolute;
    padding: 0 0 0 0vw;
    bottom: 1vw;
    left: 1vw;
    font-size: 1rem !important;
}

Colour image text on hover .image_button:hover {
    color: red;
}

.image-top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.image-top-right {
    position: absolute;
    top: 0;
    right: 0;
}

.image-bottom-right {
    position: absolute;
    bottom: 0.1vw;
    right: 0;
}

.image-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.image_right {
    float: right;
    padding: 1vw 0 1vw 2vw;
}

.image_left {
    float: left;
    padding: 1vw 1vw 1vw 0;
}

.image-on-left {
    float: left;
    margin: 0.1vw 0.5vw 0.2vw 0.2vw;
}

.image-on-right {
    float: right;
    margin: 0.1vw 0.5vw 0.2vw 0.2vw;
}

.image-in-centre {
    display: block;
    float: none;
    margin: 0.1vw auto 0.2vw;
}

.p-pink {
    color: #e43386;
}

.learn_more_image {
    width: auto;
    padding: 0 0.5vw 0 0.5vw;
    text-align: center;
    background-color: rgba(0, 64, 128, 0.5);
    text-transform: none;
    border-radius: 2.0vw;
    border-width: 0.1vw !important;
    box-shadow: 0.1vw 0.1vw #999;
    opacity: 1.0;
    font-size: 1rem;
    line-height: 0.2rem;
    font-weight: 550;
    margin: 0vw auto 0vw auto;
    display: block;
    bottom: 0.5vw;
    left: 5%;
    position: absolute;
}

.learn_more_image a { color: #fff; }

.learn_more {
    width: max-content;
    padding: 0 2vw 0 2vw;
    text-align: center;
    background-color: rgba(0, 64, 128, 0.5);
    text-transform: none;
    border-radius: 2.0vw;
    border-width: 0.1vw !important;
    box-shadow: 0.1vw 0.1vw #999;
    opacity: 1.0;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 550;
    margin: 0vw auto 0vw auto;
    display: block;
    bottom: 1vw;
    left: 1vw;
}

.learn_more a { color: #fff; }

.custom_page_h1 {
    padding-top: 0;
    float: right;
    font-size: 2.0rem;
    margin: 1.0vw 0;
}

.custom_page_h1, h4, h5 {
    line-height: normal;
    font-weight: 200;
    display: block;
    color: #004080;
}

ul {
    margin-left: 0.5vw;
    list-style-type: none;
}

    ul li {
        margin-top: 1.0vw;
        margin-bottom: 1.0vw;
    }

.centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#contact-form, #contact-form label, #subs-form, .borders, .button, .buttons-wrapper, .feature-list-2, .sf-menu > li, .wrapper {
    position: relative;
}

.menu-list {
    background: #ededed;
    font-weight: 700;
}

.enquiry-panel {
    width: 25vw;
    margin: 1.0vw 0.3vw 1.0vw 0.3vw;
    background: #faba00;
    font-weight: 700;
}

.find_out {
    height: 4.0vw;
    border: solid;
    border-radius: 1vw;
    background: #faba00;
    font-size: 1rem;
    font-weight: bold;
    padding: 1.5vw 0 1.5vw 0;
}

.last-item, .last-item2 {
    margin-bottom: 0 !important;
}

.iframe {
    width: 100%;
    height: 562px;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    width: 100%;
}

.wrapper {
    width: 100%;
}

.button {
    display: inline-block;
    font: 13px/16px Arial,Helvetica,sans-serif;
    background-color: #4CAF50;
    color: #def;
    padding: 10px 0;
    margin: 0;
    text-transform: none;
    bottom: 0;
    border-radius: 20px;
    border: none;
    border-width: 1px !important;
    box-shadow: 0 9px #999;
    opacity: 1.0;
}

    .button:hover {
        background-color: #3e8e41;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }

.b-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.borders {
    border: 0.3vw solid #dededa;
    display: inline-block;
    background-color: #def;
    margin: 0vw 0vw;
    border-radius: 1%;
}

.graphic_border {
    border: 0.1vw solid #4c4b4b;
    display: inline-block;
    font: 1.0vw/1.5vw Arial,Helvetica,sans-serif;
    background-color: #ffffff;
    padding: 0.5vw 0.5vw 0.5vw 0.5vw;
    border-radius: 1%;
}

a.fill_graphic_border {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.border-bottom {
    border-bottom: 1px solid #dededa;
}

.heading-background-1 {
    width: 100%;
    background-color: #004080;
    margin: 0 0 10px;
    padding: 5px 5px 10px;
}

.margin-top {
    margin-top: -5px;
}

.indent-right2 {
    padding-right: 10px;
    padding-bottom: 10px;
}

.indent-right4-1 {
    padding-right: 22px;
}

.indent-right5 {
    padding-right: 25px;
}

.indent-right48 {
    padding-right: 240px;
}

.indent-left1 {
    padding-left: 5px;
}

.indent-bottom12-1 {
    padding-bottom: 63px;
}

.indent-bottom13-1 {
    padding-bottom: 40px;
}

#map iframe {
    width: 100%;
    height: 30vw;
}

#map dl {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

    #map dl span {
        float: left;
        width: 68px;
    }

#social-media {
    display: block;
    clear: both;
    width: 100%;
    height: 7vw;
    color: #ffffff;
    background-color: #423f35;
    padding: 0vw 0;
    z-index: 100;
}

#social-media ul {
    display: block;
    height: 0;
    margin: 0 0 0 0;
    color: #ffffff;
    padding: 0 0 0 0;
    float: left;
    list-style: none;
}

    #social-media ul li {
        float: left;
    }

        #social-media ul li a {
            display: block;
            color: #ffffff;
            text-align: center;
            padding: 0 0 0 0;
            text-decoration: none;
        }

            #social-media ul li a:hover {
                color: red;
            }

.imgERP {
    width: 100%;
}

.textWrap, .textWrapLeft {
    margin: 10px;
    width: 30%;
    height: auto;
}

.textWrap {
    float: right;
}

.textWrapLeft {
    float: left;
}

.email-address {
    font-size: 1.5rem;
    color: #004080;
    letter-spacing: 0;
    margin-left: 8%;
}

nav {
    float: right;
    width: 80%;
}

#subs-form {
    width: 100%;
}

    #subs-form fieldset {
        border: none;
        padding: 0;
    }

    #subs-form label {
        display: block;
        float: left;
    }

    #subs-form input {
        background: url(../images/subs-input-bg.jpg) 7px 6px no-repeat #f3f3f1;
        border: 1px solid #dededa;
        color: #a5a4a4;
        font: italic 11px Arial,Helvetica,sans-serif;
        text-transform: lowercase;
        margin: 0;
        padding: 5px 10px 5px 30px;
        outline: 0;
        width: 177px;
    }

    #subs-form a {
        display: block;
        float: right;
        background-color: #fc0;
        color: #232323;
    }

        #subs-form a:hover {
            background-color: #232323;
            color: #e1e1e1;
        }

#contact-form {
    width: 100%;
    z-index: 1;
    background-color: #ededed;
    padding: 1vw;
}

    #contact-form fieldset {
        border: none;
        padding: 0;
        width: 100%;
    }

    #contact-form label {
        display: block;
        min-height: 2vw;
    }

    #contact-form .message {
        min-height: 7vw;
    }

    #contact-form input, #contact-form textarea {
        padding: 0.3vw 0.2vw 0.3vw 0.5vw;
        margin: 0.2vw 0 0.5vw 0;
        font: 1vw Arial,Helvetica,sans-serif;
        color: #a5a4a4;
        background: #ffffff;
        outline: 0;
        border: 0.2vw solid #dededa;
        width: 100%;
    }

    #contact-form .area .error {
        float: none;
    }

    #contact-form textarea {
        height: 7vw;
        overflow: auto;
        resize: none;
    }

    #contact-form .success {
        display: none;
        margin-bottom: 2vw;
    }

    #contact-form .empty, #contact-form .error {
        color: red;
        font-size: 0.7rem;
        line-height: 1rem;
        display: none;
        overflow: hidden;
        margin: 0.2vw 0 0.1vw 0;
    }

.buttons-wrapper a {
    cursor: pointer;
    padding: 4px 21px 5px;
}

    .buttons-wrapper a:first-child {
        margin-right: 6px;
    }

.product-box-footer, .product-box-heading {
    background: #005691;
    border-radius: 0;
    border-bottom: 1px solid #9ba3a8;
}

    .product-box-heading h2 {
        color: #fff;
        font-weight: 400;
        display: inline-block;
        font-size: 1.5rem;
        line-height: 1rem;
        margin: 0;
        padding: 4px 20px 3px;
    }

.product-box-description {
    padding: 15px 20px;
}

.product-box-footer {
    margin-top: 10px;
}

.product-box-row {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.custom-list {
    list-style: none;
    padding-left: 0;
}

    .custom-list li {
        position: relative;
        padding-left: 2vw;
    }

        .custom-list li:before {
            content: '';
            width: 1.0vw;
            height: 1.0vw;
            position: absolute;
            /*background-image: url('../images/bullets/contrast.png');*/
            content: "▤"; padding-right: 5px;
            background-size: cover;
            background-position: center;
            left: 0;
            top: 25%;
            transform: translateY(-50%);
        }

.flex-container {
    width: 100%;
    height: auto;
    border: none;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: top;
    flex-wrap: wrap;
}

    .flex-container div {
        width: auto;
        height: auto;
        margin: 0 2% 0% 2%;
    }

/* Footer Start */

.footer-left {    
    margin-top: 2vw;
    color: #ffffff;
    background-color: #423f35;
    padding: 0.5vw 0 0.5vw 0;
    float: left;
    width: 20%;
    height: 10vw;
    font: 0.6rem/0.9rem Arial,Helvetica,sans-serif;
}
#footer-left-nonmobile{       
    display:block;
}
#footer-left-mobile{       
    display:none;
}

.footer-left p {    
    margin-left: 2vw;
}

.footer-center {
    margin-top: 2vw;
    color: #ffffff;
    background-color: #423f35;
    padding: 0.5vw 0 0.5vw 0;
    float: left;
    width: 60%;
    height: 10vw;
    font: 0.6rem/0.9rem Arial,Helvetica,sans-serif;
}
.footer-sponser {
    height:4vw; 
    float:right; 
    margin-right:2vw; 
    margin-top:2.5vw;
}
.footer-social {
     height:1.5vw; 
     margin-top:3.5vw;
}

.footer-right {
    margin-top: 2vw;
    color: #ffffff;
    background-color: #423f35;
    padding: 0.5vw 0 0.5vw 0;
    float: left;
    width: 20%;
    height: 10vw;
    font: 0.6rem/0.9rem Arial,Helvetica,sans-serif;
}
.footer-right p {
    margin-top:4vw;
    margin-right: 2vw;
    float:right;
}

/* Footer End */

@media only screen and (max-width: 1536px) {

    .container {
        width: 50%;
    }
}

@media only screen and (max-width: 1280px) {

    .container {
        width: 80%;
        font: 1.3rem/1.7rem sans-serif;
    }

   .navbar {
        font-size: 1.5vw;
        padding-left: 1vw;
    }

        .navbar-center a {            
            padding: 1vw 1vw 0.5vw 1vw;
        }
        .navbar-center p {            
            padding: 1vw 1vw 0.5vw 1vw;
        }
        .dropdown .dropbtn {
            font-size: 1.5vw;
            padding: 1vw 1vw 0.5vw 1vw;
        }

    .footer-left {
        font-size: 1vw;
    }

    .footer-right {
        font-size: 1vw;
    }
}

@media only screen and (max-width: 1100px) {

    .container {
        width: 90%;
        font: 1.5rem/1.9rem sans-serif;
    }
       
}

/*Mobile Specific Start*/
@media only screen and (max-width: 600px) {

    /*Mobile Menu Start*/
    .menu-container {
        width: 100%;
        height: inherit;
        padding: 0 0 0 0;
        position: absolute;
        left: 0%;
    }

    .logo-border {
        height: 10vw;
    }

    .navbar {
        height: 100%;
    }

    .navbar-center {
        width: 100%;
        padding: 3vw 0 0 2vw;
    }

        .navbar-center a:not(:first-child), .dropdown .dropbtn {
            display: none;
        }

        .navbar-center a.mobile-icon {
            width: 10vw;
            height: 10vw;
            float: right;
            display: block;
        }

        .navbar-center.responsive {
            position: relative;
        }

            .navbar-center.responsive .mobile-icon {
                position: absolute;
                right: 0;
                top: 0;
            }
            .mobile-icon:hover {
                background-color: #333 !important;
            }

        .navbar-left #hogeLogo {
            float: none;
            display: block;
            text-align: left;
        }

        .navbar-right #hogeTelNo {
            display: none;
        }

        .navbar-center a {
            font-size: 4vw;
            float: none;
            display: block;
            text-align: left;
            padding: 2vw 1vw 2vw 1vw;
        }

        .navbar-center.responsive a {
            font-size: 4vw;
            float: none;
            display: block;
            text-align: left;
            padding: 2vw 1vw 2vw 1vw;
        }

        .navbar-right p {
            font-size: 4vw;
            float: none;
            display: block;
            text-align: left;
            padding: 2vw 1vw 2vw 1vw;
            width: 50vw;
            margin-left: 2vw;
        }

        .navbar-right.responsive p {
            font-size: 4vw;
            float: none;
            display: block;
            text-align: left;
            padding: 2vw 1vw 2vw 1vw;
            width: 50vw;
            margin-left: 2vw;
        }

        .navbar-center.responsive .dropdown {
            float: none;
        }

        .navbar-center.responsive .dropdown-content {
            position: relative;
        }

        .navbar-center.responsive .dropdown .dropbtn {
            font-size: 4vw;
            display: block;
            text-align: left;
            padding: 2vw 1vw 2vw 1vw;
        }

        .narbar-socialmedia-icon {
            display: none;
        }
    /*Mobile Menu End*/


    html {
        font-size: 1.5vw;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 3vw;
    }

    .learn_more {
        line-height: 4vw;
        font-size: 3vw;
    }

    .learn_more_image {
        font-size: 3vw;
    }

    .quote, .quote-in-center {
        font-size: 2vw;
    }

    .banner_text_container {
        width: 70%;
        height: 12vw;
    }

    .banner-text {
        font-size: 3vw;
        font-weight: bold;
    }

    .banner-sub-text {
        font-size: 2vw;
        font-weight: bold;
    }


    #DfA {
        width: 60% !important;
        margin-bottom: 2%;
    }

    #Access {
        width: 60% !important;
        margin-bottom: 2%;
    }

    #Bespoke {
        width: 60% !important;
        margin-bottom: 2%;
    }

    .image_text {
        font-size: 2.5vw !important;
        line-height: 3vw !important;
    }

    .footer-left, .footer-center, .footer-right {
        margin-top:0.2vw;
        font-size: 2.5vw;
        width: 100%;
    }
    #footer-left-nonmobile{       
    display:none;
}
    #footer-left-mobile{   
        font-size: 2.0vw;
        display:block;
    }
    .footer-sponser {
        height:6.5vw; 
    }
    .footer-social {
        height:4vw; 
    }
}
/*Mobile Specific End*/