body, div, h1, h2, h3, p, span, li, ul, ol, img, a, form, input, th, td, textarea, header, footer, nav, audio, video {
    border: none;
    margin: 0;
    text-decoration: none;
    border-image-width: 0;
    line-height: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    list-style-type: none
}

html {
    height: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    color: #000;
    font-size: 16px;
    position: relative;
    /* background-color: #f4eee6;*/
    background-color: #000;
    height: 100%
}

header, footer, nav {
    display: block
}

a {
    color: #000;
}

    a[href^=tel] {
        color: inherit;
    }

    a:link {
        color: inherit
    }

    a:visited {
    }

    a:focus {
        outline: 2px solid black;
    }

    a:active {
        color: rgba(144,158,142,.85)
    }

    a:hover {
        color: rgba(144,158,142,.85)
    }

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.font {
    font-family: 'Open Sans',sans-serif;
    /*  -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent*/
}

.header {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    height: 69px;
    position: relative
}

.logo {
    color: #000;
    font-weight: 700;
    letter-spacing: 3px;
    z-index: 1;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 20px;
    padding-right: 11px;
    float: left;
    font-size: 24px
}

.imagedbg {
    background-size: cover;
    background-image: url('/images/roller-blind-d-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 34%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.fixedimagebox {
    position: relative
}

.fixedimage {
    position: fixed;
    max-width: 200%;
    height: 100%;
    left: -50px;
    margin: auto
}

.overlay {
    min-height: 140%;
    width: 100%;
    background-color: rgba(25,26,25,.78);
    position: absolute
}

.overlaytitle {
    font-size: 27px;
    font-weight: 400;
    letter-spacing: 7px;
    padding-top: 15%;
    position: relative;
    color: #fff;
    text-align: center
}

.overlaytext {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    padding-top: 5%;
    padding-bottom: 10%;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 26px;
    padding-left: 20px;
    padding-right: 20px
}

.overlaytextheading {
    font-size: 20px;
    color: aqua
}

.menu {
    color: #000;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0;
    position: absolute;
    top: 23%;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 1px;
    right: 5px;
   }

    .menu:hover {
        color: rgba(144,158,142,.85)
    }


.linkchar {
    position: relative;
    top: 6px;
    font-size: 21px;
    display: inline-block
}

.linkchar-s {
    position: relative;
    top: 5px;
    font-size: 13px
}

.menuboxmoble {
    width: 57%;
    min-height: 560px;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.82);
    display: none;
    -webkit-animation-name: moble;
    -webkit-animation-duration: .5s;
    animation-name: moble;
    animation-duration: .5s;
    z-index: 500
}

#gbm {
    display: block;
}

.closemenulist label {
    padding-right: 9px;
    padding-left: 9px;
    padding-top: 15px;
    padding-bottom: 15px
}

.d-ppb {
    padding-bottom: 60px
}

.d-ppt {
    margin-top: 10px
}

/*.menuboxdesktop {
    display: none
}*/

#gbdt1 {
    display: none
}

@-webkit-keyframes moble {
    from {
        left: -100%
    }

    to {
        left: 0%
    }
}

@keyframes moble {
    from {
        left: -100%
    }

    to {
        left: 0%
    }
}

.menulist a {
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    text-transform: none;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    top: 40px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px;
    position: relative
}

    .menulist a:focus {
        outline: 2px solid white;
    }

    .menulist a:hover {
        color: rgba(144,158,142,.85)
    }

    .menulist a:active {
        color: rgba(144,158,142,.85)
    }

/*nav.products a {
    display: none
}*/

nav.products {
    display: none
}


input#menucheckbox {
    right: 1%;
    position: absolute;
    top: 3%;
    z-index: 300;
    opacity: 0;
    cursor: pointer;
}

#menucheckbox {
    display: block;
}

#menucheckbox:focus + .menu {
text-decoration: underline black;
}

    #menucheckbox:checked ~ * .menuboxmoble {
        display: block;
    }




.closemenulist {
    float: right;
    color: #fff;
    padding-right: 9px;
    font-size: 15px;
    padding-top: 15px
}

.dimagetext2 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 5px;
    right: 0%;
    position: absolute;
    top: 84%;
    z-index: 300;
    background-color: #76708f;
    line-height: 22px;
    padding: 5px
}

.dimagetext3 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    position: absolute;
    top: 13.5%;
    z-index: 300;
    color: #fff;
    background-color: #76708f;
    line-height: 20px;
    right: 0%;
    padding: 3px
}



.defaultinfo {
    position: relative;
    width: 100%;
    z-index: 300;
    background-color: #fff;
    text-align: center
}

.signsdefaultinfo {
    position: relative;
    width: 100%;
    z-index: 300;
    background-color: #fff;
    text-align: center
}

.p1 {
    font-size: 25px;
    letter-spacing: 1px;
    color: #000;
    padding-top: 10%
}

.p2 {
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 10px;
    line-height: 23px;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 10%;
    color: #000
}

.image-di {
    position: relative;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f4eee6;
    left: 0%;
    top: 0%
}

.signsimage-di {
    position: relative;
    width: 100%;
    height: 400px;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #524f7f
}

.image-signs-di {
    position: relative;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(144,158,142,.2);
    left: 0%;
    top: 0%
}

.image-diright {
    position: relative;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f4eee6;
    left: 0%;
    top: 0%
}

.roller-di {
    background-image: url('/images/roller-blind-d-link-m.JPG')
}

.shutter-di {
    background-image: url('/images/shutter-d-link-m.JPG')
}

.vertical-di {
    background-image: url('/images/vertical-blind-d-link-m.JPG')
}

.venetian-di {
    background-image: url('/images/venetian-blind-d-link-m.JPG')
}

.vision-di {
    background-image: url('/images/vision-blind-d-link-m.JPG')
}

.conservatory-di {
    background-image: url('/images/conservatory-blind-d-link-m.JPG')
}

.roman-di {
    background-image: url('/images/roman-blind-d-link-m.JPG')
}

.pleated-di {
    background-image: url('/images/pleated-blind-d-link-m.JPG')
}

.curtains-di {
    background-image: url('/images/curtains-d-link-m.JPG')
}

.awning-di {
    background-image: url('/images/awning-blind-d-link-m.JPG')
}


.wood-di {
    background-image: url('/images/wood-blind-d-link-m.JPG')
}

.signs-di {
    background-image: url('/images/signs-d-link-m.JPG')
}

.d-pnbdefault {
    position: relative;
    width: 100%;
    background-color: #fff;
    text-align: center;

}

.d-pnb {
    font-size: 23px;
    letter-spacing: 1px;
    color: #000;
    position: relative;
    display: inline-block;
    padding-top: 11px;
    padding-bottom: 11px;
}

.d-pn {
    font-size: 23px;
    letter-spacing: 1px;
    color: #000;
    position: relative;
    display: inline-block;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-right: 20px;
}

    .d-pn:focus {
        color: rgba(144,158,142,.85);
    }

    .d-pn:hover {
        color: rgba(144,158,142,.85)
    }

    .d-pn:active {
        color: rgba(144,158,142,.85)
    }

.d-spacer {
    position: relative;
    width: 100%;
    height: 0;
    background-color: #fff;
    clear: both
}

.imagerollerbg {
    background-size: cover;
    background-image: url('/images/roller-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 34% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.rollerp1 {
    background-image: url('/images/roller-blind-1m.JPG')
}

.rollerp2 {
    background-image: url('/images/roller-blind-2m.JPG')
}

.rollerp3 {
    background-image: url('/images/roller-blind-3m.JPG')
}

.rollerp4 {
    background-image: url('/images/roller-blind-4m.JPG')
}

.rollerp5 {
    background-image: url('/images/roller-blind-5m.JPG')
}

.rollerp6 {
    background-image: url('/images/roller-blind-6m.JPG')
}

.rollerp7 {
    background-image: url('/images/roller-blind-7m.JPG')
}

.rollerp8 {
    background-image: url('/images/roller-blind-8m.JPG')
}

.rollerp9 {
    background-image: url('/images/roller-blind-9m.JPG')
}

.imageverticalbg {
    background-size: cover;
    background-image: url('/images/vertical-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 20% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.verticalp1 {
    background-image: url('/images/vertical-blind-1m.JPG')
}

.verticalp2 {
    background-image: url('/images/vertical-blind-2m.JPG')
}

.verticalp3 {
    background-image: url('/images/vertical-blind-3m.JPG')
}

.verticalp4 {
    background-image: url('/images/vertical-blind-4m.JPG')
}

.verticalp5 {
    background-image: url('/images/vertical-blind-5m.JPG')
}

.verticalp6 {
    background-image: url('/images/vertical-blind-6m.JPG')
}

.verticalp7 {
    background-image: url('/images/vertical-blind-7m.JPG')
}

.verticalp8 {
    background-image: url('/images/vertical-blind-8m.JPG')
}

.verticalp9 {
    background-image: url('/images/vertical-blind-9m.JPG')
}

.imagevisionbg {
    background-size: cover;
    background-image: url('/images/vision-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 64% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.visionp1 {
    background-image: url('/images/vision-blind-1m.JPG')
}

.visionp2 {
    background-image: url('/images/vision-blind-2m.JPG')
}

.visionp3 {
    background-image: url('/images/vision-blind-3m.JPG')
}

.visionp4 {
    background-image: url('/images/vision-blind-4m.JPG')
}

.visionp5 {
    background-image: url('/images/vision-blind-5m.JPG')
}

.visionp6 {
    background-image: url('/images/vision-blind-6m.JPG')
}

.visionp7 {
    background-image: url('/images/vision-blind-7m.JPG')
}

.visionp8 {
    background-image: url('/images/vision-blind-8m.JPG')
}

.visionp9 {
    background-image: url('/images/vision-blind-9m.JPG')
}

.imageromanbg {
    background-size: cover;
    background-image: url('/images/roman-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 24% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.romanp1 {
    background-image: url('/images/roman-blind-1m.JPG')
}

.romanp2 {
    background-image: url('/images/roman-blind-2m.JPG')
}

.romanp3 {
    background-image: url('/images/roman-blind-3m.JPG')
}

.romanp4 {
    background-image: url('/images/roman-blind-4m.JPG')
}

.romanp5 {
    background-image: url('/images/roman-blind-5m.JPG')
}

.romanp6 {
    background-image: url('/images/roman-blind-6m.JPG')
}

.romanp7 {
    background-image: url('/images/roman-blind-7m.JPG')
}

.romanp8 {
    background-image: url('/images/roman-blind-8m.JPG')
}

.romanp9 {
    background-image: url('/images/roman-blind-9m.JPG')
}

.imageshutterbg {
    background-size: cover;
    background-image: url('/images/shutter-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 24% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.shutterp1 {
    background-image: url('/images/shutter-1m.JPG')
}

.shutterp2 {
    background-image: url('/images/shutter-2m.JPG')
}

.shutterp3 {
    background-image: url('/images/shutter-3m.JPG')
}

.shutterp4 {
    background-image: url('/images/shutter-4m.JPG')
}

.shutterp5 {
    background-image: url('/images/shutter-5m.JPG')
}

.shutterp6 {
    background-image: url('/images/shutter-6m.JPG')
}

.shutterp7 {
    background-image: url('/images/shutter-7m.JPG')
}



.imagepleatedbg {
    background-size: cover;
    background-image: url('/images/pleated-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 34% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.pleatedp1 {
    background-image: url('/images/pleated-blind-1m.JPG')
}

.pleatedp2 {
    background-image: url('/images/pleated-blind-2m.JPG')
}

.pleatedp3 {
    background-image: url('/images/pleated-blind-3m.JPG')
}

.pleatedp4 {
    background-image: url('/images/pleated-blind-4m.JPG')
}

.pleatedp5 {
    background-image: url('/images/pleated-blind-5m.JPG')
}

.pleatedp6 {
    background-image: url('/images/pleated-blind-6m.JPG')
}

.pleatedp7 {
    background-image: url('/images/pleated-blind-7m.JPG')
}

.pleatedp8 {
    background-image: url('/images/pleated-blind-8m.JPG')
}

.pleatedp9 {
    background-image: url('/images/pleated-blind-9m.JPG')
}

.imageconservatorybg {
    background-size: cover;
    background-image: url('/images/conservatory-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 34% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.conservatoryp1 {
    background-image: url('/images/conservatory-blind-1m.JPG')
}

.conservatoryp2 {
    background-image: url('/images/conservatory-blind-2m.JPG')
}

.conservatoryp3 {
    background-image: url('/images/conservatory-blind-3m.JPG')
}

.conservatoryp4 {
    background-image: url('/images/conservatory-blind-4m.JPG')
}

.conservatoryp5 {
    background-image: url('/images/conservatory-blind-5m.JPG')
}

.conservatoryp6 {
    background-image: url('/images/conservatory-blind-6m.JPG')
}

.conservatoryp7 {
    background-image: url('/images/conservatory-blind-7m.JPG')
}

.conservatoryp8 {
    background-image: url('/images/conservatory-blind-8m.JPG')
}

.conservatoryp9 {
    background-image: url('/images/conservatory-blind-9m.JPG')
}

.imagevenetianbg {
    background-size: cover;
    background-image: url('/images/venetian-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 34% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.venetianp1 {
    background-image: url('/images/venetian-blind-1m.JPG')
}

.venetianp2 {
    background-image: url('/images/venetian-blind-2m.JPG')
}

.venetianp3 {
    background-image: url('/images/venetian-blind-3m.JPG')
}

.venetianp4 {
    background-image: url('/images/venetian-blind-4m.JPG')
}

.venetianp5 {
    background-image: url('/images/venetian-blind-5m.JPG');
    background-position: left
}

.venetianp6 {
    background-image: url('/images/venetian-blind-6m.JPG');
    background-position: left
}

.venetianp7 {
    background-image: url('/images/venetian-blind-7m.JPG')
}

.venetianp8 {
    background-image: url('/images/venetian-blind-8m.JPG');
    background-position: left
}

.venetianp9 {
    background-image: url('/images/venetian-blind-9m.JPG');
    background-position: right
}

.imagewoodbg {
    background-size: cover;
    background-image: url('/images/wood-blind-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.woodp1 {
    background-image: url('/images/wood-blind-1m.JPG')
}

.woodp2 {
    background-image: url('/images/wood-blind-2m.JPG')
}

.woodp3 {
    background-image: url('/images/wood-blind-3m.JPG')
}

.woodp4 {
    background-image: url('/images/wood-blind-4m.JPG')
}

.woodp5 {
    background-image: url('/images/wood-blind-5m.JPG')
}

.woodp6 {
    background-image: url('/images/wood-blind-6m.JPG')
}

.woodp7 {
    background-image: url('/images/wood-blind-7m.JPG')
}

.imagecurtainsbg {
    background-size: cover;
    background-image: url('/images/curtains-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 34% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.curtainsp1 {
    background-image: url('/images/curtains-1m.JPG')
}

.curtainsp2 {
    background-image: url('/images/curtains-2m.JPG')
}

.curtainsp3 {
    background-image: url('/images/curtains-3m.JPG')
}

.curtainsp4 {
    background-image: url('/images/curtains-4m.JPG')
}

.curtainsp5 {
    background-image: url('/images/curtains-5m.JPG')
}

.curtainsp6 {
    background-image: url('/images/curtains-6m.JPG')
}

.curtainsp7 {
    background-image: url('/images/curtains-7m.JPG')
}

.curtainsp8 {
    background-image: url('/images/curtains-8m.JPG')
}

.curtainsp9 {
    background-image: url('/images/curtains-9m.JPG');
    background-position: right
}

.imageawningsbg {
    background-size: cover;
    background-image: url('/images/awnings-m.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 34% 29%;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.awningsp1 {
    background-image: url('/images/awnings-1m.JPG')
}

.awningsp2 {
    background-image: url('/images/awnings-2m.JPG')
}

.imagesignsbg {
    background-size: cover;
    background-image: url('/images/signs-m600.JPG');
    min-height: 560px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f4eee6;
    left: 0%;
    top: 0%;
    position: relative;
    text-align: center
}

.signsp1 {
    background-image: url('/images/signs-1m.JPG')
}

@media only screen and (min-width:269px) {
    .logolanding {
        font-size: 22px
    }

    .bygraysblindslanding {
        font-size: 16px;
        float: left;
        clear: both;
        padding-left: 11px
    }

    .logo {
        padding-left: 10px
    }

    .p2 {
        padding-left: 3%;
        padding-right: 3%
    }
}

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


    .logo {
        padding-left: 20px
    }

    .p2 {
        padding-left: 7%;
        padding-right: 7%
    }
}

@media only screen and (min-width:600px) {
    .header {
        height: 89px
    }

    .logo {
        padding-top: 30px;
        padding-bottom: 20px;
        font-size: 29px;
        padding-left: 70px
    }


    .menulist a {
        padding: 20px;
        font-size: 17px
    }

    .menu {
        font-size: 25px;
        right: 50px
    }


    .closemenulist {
        padding-right: 15px;
        font-size: 18px
    }

    .dimagetext2 {
        font-size: 18px
    }

    .dimagetext3 {
        font-size: 18px;
        line-height: 24px
    }

    .d-ppt {
        margin-top: 30px
    }

    .overlay {
        min-height: 200%
    }
}

@media only screen and (min-width:768px) {
    .header {
        height: 79px
    }

    .logo {
        padding-left: 3%;
        letter-spacing: 4px;
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 30px
    }

    .closemenulist {
        padding: 20px;
        padding-right: 15px;
        font-size: 18px
    }

    .menuboxmoble {
        width: 40%
    }

    .dimagetext2 {
        font-size: 17px;
        letter-spacing: 7px;
        left: auto;
        right: 10%;
        top: 72%;
    }

    .dimagetext3 {
        font-size: 14px;
        right: 4%;
        top: 7.5%;
        WIDTH: AUTO;
        line-height: 23px;
        padding: 5px
    }

    .imagedbg {
        background-image: url('/images/roller-blind-d-m.JPG')
    }

    .p2 {
        padding-left: 30%;
        padding-right: 30%;
        padding-top: 30px
    }

    .image-di {
        width: 50%;
        float: left
    }

    .image-signs-di {
        width: 50%;
        float: left
    }

    .image-diright {
        width: 50%;
        float: right
    }

    .d-pnbdefault {
        width: 50%;
        height: 400px;
        background-color: #f3f0f0;
        float: left;
  
    }

     

    .d-pnb {
        top: 190px
    }

    .d-pn {
       padding: 180px
    }

    .linkchar {
        top: 195px
    }

    .d-spacer {
        height: 20px
    }
}

@media only screen and (min-width:1098px) {
    .header {
        position: fixed;
        z-index: 400;
        border-width: 1px;
        border-color: #000;
        border-bottom-style: solid
    }

    #menucheckbox {
        display: none;
    }

    .dimagetext3 {
        top: 27.5%
    }

    .imagesignsbg {
        background-image: url('/images/signs-m.JPG')
    }

  /*  .menuboxdesktop {
        display: block
    }*/
    #gbdt1 {
        display: block
    }

    .menu {
        display: none
    }

    .products {
        float: right;
        clear: both;
        margin-top: -1.1%
    }

    nav.products {
        display: block
    }

    nav.products a {
        float: right;
        font-family: 'Open Sans',sans-serif;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    #menucheckbox:checked ~ * .menuboxmoble {
        display: none
    }

    #gbm {
        display: none;
    }

    .menulist a {
        display: block;
        font-family: 'Open Sans',sans-serif;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        top: 50%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        left: 1px
    }
        .menulist a:focus {
            outline: 2px solid black;
        }


    li.menulist {
        margin-right: 2%;
        float: right
    }


    .overlaytext {
        padding-left: 160px;
        padding-right: 160px
    }

    .overlay {
        min-height: 140%;
        background-color: rgba(25,26,25,.74)
    }

    .fixedimage {
        left: 0;
        margin: auto;
        width: 100%
    }
}

@media only screen and (min-width:1900px) {
    .header {
        position: fixed;
        z-index: 400;
        border-width: 1px;
        border-color: #000;
        border-bottom-style: solid
    }

  

    .dimagetext3 {
        top: 27.5%
    }

    .imagedbg {
        background-image: url('/images/roller-blind-d-l.JPG')
    }

    .roller-di {
        background-image: url('/images/roller-blind-d-link-l.JPG')
    }

    .shutter-di {
        background-image: url('/images/shutter-d-link-m.JPG')
    }

    .vertical-di {
        background-image: url('/images/vertical-blind-d-link-l.JPG')
    }

    .venetian-di {
        background-image: url('/images/venetian-blind-d-link-l.JPG')
    }

    .vision-di {
        background-image: url('/images/vision-blind-d-link-l.JPG')
    }

    .conservatory-di {
        background-image: url('/images/conservatory-blind-d-link-l.JPG')
    }

    .roman-di {
        background-image: url('/images/roman-blind-d-link-l.JPG')
    }

    .pleated-di {
        background-image: url('/images/pleated-blind-d-link-l.JPG')
    }

    .curtains-di {
        background-image: url('/images/curtains-d-link-l.JPG')
    }

    .awning-di {
        background-image: url('/images/awning-blind-d-link-l.JPG')
    }

    .wood-di {
        background-image: url('/images/wood-blind-d-link-l.JPG')
    }

    .signs-di {
        background-image: url('/images/signs-d-link-l.JPG')
    }

    .products {
        margin-right: 60px
    }

    .menuboxdesktop {
        margin-right: 60px
    }

    nav.products a {
        padding-right: 15px
    }

    .imagerollerbg {
        background-image: url('/images/roller-blind-l.JPG')
    }

    .rollerp1 {
        background-image: url('/images/roller-blind-1l.JPG')
    }

    .rollerp2 {
        background-image: url('/images/roller-blind-2l.JPG')
    }

    .rollerp3 {
        background-image: url('/images/roller-blind-3l.JPG')
    }

    .rollerp4 {
        background-image: url('/images/roller-blind-4l.JPG')
    }

    .rollerp5 {
        background-image: url('/images/roller-blind-5l.JPG')
    }

    .rollerp6 {
        background-image: url('/images/roller-blind-6l.JPG')
    }

    .rollerp8 {
        background-image: url('/images/roller-blind-7l.JPG')
    }

    .rollerp8 {
        background-image: url('/images/roller-blind-8l.JPG')
    }

    .rollerp9 {
        background-image: url('/images/roller-blind-9l.JPG')
    }

    .imageverticalbg {
        background-image: url('/images/vertical-blind-l.JPG')
    }

    .verticalp1 {
        background-image: url('/images/vertical-blind-1l.JPG')
    }

    .verticalp2 {
        background-image: url('/images/vertical-blind-2l.JPG')
    }

    .verticalp3 {
        background-image: url('/images/vertical-blind-3l.JPG')
    }

    .verticalp4 {
        background-image: url('/images/vertical-blind-4l.JPG')
    }

    .verticalp5 {
        background-image: url('/images/vertical-blind-5l.JPG')
    }

    .verticalp6 {
        background-image: url('/images/vertical-blind-6l.JPG')
    }

    .verticalp7 {
        background-image: url('/images/vertical-blind-7l.JPG')
    }

    .verticalp8 {
        background-image: url('/images/vertical-blind-8l.JPG')
    }

    .verticalp9 {
        background-image: url('/images/vertical-blind-9l.JPG')
    }

    .imagevisionbg {
        background-image: url('/images/vision-blind-l.JPG')
    }

    .visionp1 {
        background-image: url('/images/vision-blind-1l.JPG')
    }

    .visionp2 {
        background-image: url('/images/vision-blind-2l.JPG')
    }

    .visionp3 {
        background-image: url('/images/vision-blind-3l.JPG')
    }

    .visionp4 {
        background-image: url('/images/vision-blind-4l.JPG')
    }

    .visionp5 {
        background-image: url('/images/vision-blind-5l.JPG')
    }

    .visionp6 {
        background-image: url('/images/vision-blind-6l.JPG')
    }

    .visionp7 {
        background-image: url('/images/vision-blind-7l.JPG')
    }

    .visionp8 {
        background-image: url('/images/vision-blind-8l.JPG')
    }

    .visionp9 {
        background-image: url('/images/vision-blind-9l.JPG')
    }

    .imageromanbg {
        background-image: url('/images/roman-blind-l.JPG')
    }

    .romanp1 {
        background-image: url('/images/roman-blind-1l.JPG')
    }

    .romanp2 {
        background-image: url('/images/roman-blind-2l.JPG')
    }

    .romanp3 {
        background-image: url('/images/roman-blind-3l.JPG')
    }

    .romanp4 {
        background-image: url('/images/roman-blind-4l.JPG')
    }

    .romanp5 {
        background-image: url('/images/roman-blind-5l.JPG')
    }

    .romanp6 {
        background-image: url('/images/roman-blind-6l.JPG')
    }

    .romanp7 {
        background-image: url('/images/roman-blind-7l.JPG')
    }

    .romanp8 {
        background-image: url('/images/roman-blind-8l.JPG')
    }

    .romanp9 {
        background-image: url('/images/roman-blind-9l.JPG')
    }

    .imagepleatedbg {
        background-image: url('/images/pleated-blind-l.JPG')
    }

    .pleatedp1 {
        background-image: url('/images/pleated-blind-1l.JPG')
    }

    .pleatedp2 {
        background-image: url('/images/pleated-blind-2l.JPG')
    }

    .pleatedp3 {
        background-image: url('/images/pleated-blind-3l.JPG')
    }

    .pleatedp4 {
        background-image: url('/images/pleated-blind-4l.JPG')
    }

    .pleatedp5 {
        background-image: url('/images/pleated-blind-5l.JPG')
    }

    .pleatedp6 {
        background-image: url('/images/pleated-blind-6l.JPG')
    }

    .pleatedp7 {
        background-image: url('/images/pleated-blind-7l.JPG')
    }

    .pleatedp8 {
        background-image: url('/images/pleated-blind-8l.JPG')
    }

    .pleatedp9 {
        background-image: url('/images/pleated-blind-9l.JPG')
    }

    .imageconservatorybg {
        background-image: url('/images/conservatory-blind-l.JPG')
    }

    .conservatoryp1 {
        background-image: url('/images/conservatory-blind-1l.JPG')
    }

    .conservatoryp2 {
        background-image: url('/images/conservatory-blind-2l.JPG')
    }

    .conservatoryp3 {
        background-image: url('/images/conservatory-blind-3l.JPG')
    }

    .conservatoryp4 {
        background-image: url('/images/conservatory-blind-4l.JPG')
    }

    .conservatoryp5 {
        background-image: url('/images/conservatory-blind-5l.JPG')
    }

    .conservatoryp6 {
        background-image: url('/images/conservatory-blind-6l.JPG')
    }

    .conservatoryp7 {
        background-image: url('/images/conservatory-blind-7l.JPG')
    }

    .conservatoryp8 {
        background-image: url('/images/conservatory-blind-8l.JPG')
    }

    .conservatoryp9 {
        background-image: url('/images/conservatory-blind-9l.JPG')
    }

    .imagevenetianbg {
        background-image: url('/images/venetian-blind-l.JPG')
    }

    .venetianp1 {
        background-image: url('/images/venetian-blind-1l.JPG')
    }

    .venetianp2 {
        background-image: url('/images/venetian-blind-2l.JPG')
    }

    .venetianp3 {
        background-image: url('/images/venetian-blind-3l.JPG')
    }

    .venetianp4 {
        background-image: url('/images/venetian-blind-4l.JPG')
    }

    .venetianp5 {
        background-image: url('/images/venetian-blind-5l.JPG')
    }

    .venetianp6 {
        background-image: url('/images/venetian-blind-6l.JPG')
    }

    .venetianp7 {
        background-image: url('/images/venetian-blind-7l.JPG')
    }

    .venetianp8 {
        background-image: url('/images/venetian-blind-8l.JPG')
    }

    .venetianp9 {
        background-image: url('/images/venetian-blind-9l.JPG')
    }

    .imagewoodbg {
        background-image: url('/images/wood-blind-l.JPG')
    }

    .woodp1 {
        background-image: url('/images/wood-blind-1l.JPG')
    }

    .woodp2 {
        background-image: url('/images/wood-blind-2l.JPG')
    }

    .woodp3 {
        background-image: url('/images/wood-blind-3l.JPG')
    }

    .woodp4 {
        background-image: url('/images/wood-blind-4l.JPG')
    }

    .woodp5 {
        background-image: url('/images/wood-blind-5l.JPG')
    }

    .woodp6 {
        background-image: url('/images/wood-blind-6l.JPG')
    }

    .woodp7 {
        background-image: url('/images/wood-blind-7l.JPG')
    }

    .imagecurtainsbg {
        background-image: url('/images/curtains-l.JPG')
    }

    .curtainsp1 {
        background-image: url('/images/curtains-1l.JPG')
    }

    .curtainsp2 {
        background-image: url('/images/curtains-2l.JPG')
    }

    .curtainsp3 {
        background-image: url('/images/curtains-3l.JPG')
    }

    .curtainsp4 {
        background-image: url('/images/curtains-4l.JPG')
    }

    .curtainsp5 {
        background-image: url('/images/curtains-5l.JPG')
    }

    .curtainsp6 {
        background-image: url('/images/curtains-6l.JPG')
    }

    .curtainsp7 {
        background-image: url('/images/curtains-7l.JPG')
    }

    .curtainsp8 {
        background-image: url('/images/curtains-8l.JPG')
    }

    .curtainsp9 {
        background-image: url('/images/curtains-9l.JPG')
    }

    .imageawningsbg {
        background-image: url('/images/awnings-l.JPG')
    }

    .awningsp1 {
        background-image: url('/images/awnings-1l.JPG')
    }

    .awningsp2 {
        background-image: url('/images/awnings-2l.JPG')
    }

    .signsp1 {
        background-image: url('/images/signs-1l.JPG')
    }
}

@media only screen and (min-width:2560px) {
    .header {
        position: fixed;
        z-index: 400;
        border-width: 1px;
        border-color: #000;
        border-bottom-style: solid
    }

    .dimagetext3 {
        top: 27.5%
    }
}