/*! cover_v1.5.css */
body {
    background-color:#333;
}
.cover-wrapper {
    display:table;
    width:100%;
    height:100%;
    /* For at least Firefox */
    min-height:100%;
}
.cover-top-row {
    display:table-row;

    height:calc(100vh);
}
.cover-bottom-row {
    display:table-row;
    height:30px;
    vertical-align: middle;
    background-color: #0f0f0f;
}
.cover-inner {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding:15px 10px 0 10px;
    /* Homepage Photo Gallery */
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    background-position: center;
    height:calc(100vh);
    /* Photo Gallery Transition */
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 1.5s;
}
.slide-1 {
    background-image:url('../img/home/Slide_1.jpg');
}
.slide-2 {
    background-image:url('../img/home/Slide_2.jpg');
}
.slide-3 {
    background-image:url('../img/home/Slide_3.jpg');
}
.slide-4 {
    background-image:url('../img/home/Slide_4.jpg');
}
.slide-5 {
    background-image:url('../img/home/Slide_5.jpg');
}
.slide-6 {
    background-image:url('../img/home/Slide_6.jpg');
}
.slide-7 {
    background-image:url('../img/home/Slide_7.jpg');
}
.slide-8 {
    background-image:url('../img/home/Slide_8.jpg');
}

.cover-footer {
    display:table-cell;
    vertical-align:bottom;
    text-align:right;
    font-family:sans-serif;
    font-size:10px;
    padding:5px 5px 0 5px;
    color:#DDD;
}
.cover-footer img {
    vertical-align:middle;
}
.cover-footer a {
    color:black;
}

/* Adjust height to control top and bottom padding! */
.cover-truck {
    width: 10px;
    /*height: 45%;*/
    height: calc(27vh - 10%); /* 50vh - 10% */
    visibility: hidden;
}
.cover-footer a:hover,.cover-footer a:focus {
    outline-style:none;
    text-decoration:none;
}
.main-heading {
    font-family:'Oswald',sans-serif;
    color:#f6842f;
    font-size:3em;
    text-shadow:3px 3px 2px #000;
    text-align:center;
    margin-top: 80px;
}
.quality-integrity-commitment {
    font-family:'Roboto',sans-serif;
    color:#fff;
    font-size: 25px;
    letter-spacing: 6px;
    font-weight: bold;
}
.orange {
    color:#f6842f;
}
.sub-heading {
    font-family:'Roboto',sans-serif;
    color:#f6842f;
    font-size: 3em;
    font-weight: bold;
    text-shadow: 3px 3px 2px #000;
    text-align:center;
}

.subsub-heading {
    font-family:'Roboto',sans-serif;
    color:#f6842f;
    font-size: 2em;
    font-weight: bold;
    text-shadow: 3px 3px 2px #000;
    text-align:center;
}
.sub-heading a {
    color:#f6842f;
}

.subsub-heading a {
    color:#f6842f;
}

.sub-heading a:hover {
    color:white;
    text-decoration: none;
}

.subsub-heading a:hover {
    color:white;
    text-decoration: none;
}

.catalogue-button {
    background:    #f6842f;
    border:        2px solid #f6842f;
    margin: 3px 2px 0 2px;
    padding:       20px 50px;
    color:         #ffffff;
    display:       inline-block;
    font: 900 14px/1.625 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    text-align:    center;
    text-shadow:   none;
    text-decoration: none;
}

.catalogue-button:hover {
    text-decoration: none;
    color: #f6842f;
    background: rgba(0,0,0,.70);
    border: 2px solid #f6842f;
    transition: background-color .3s ease-in-out,color .3s, border-color .3s;
}

.catalogue-button:active {
    text-decoration: none;
}

.catalogue-button:visited {
    color: #ffffff;
    text-decoration: none;
}

.video_previewer {
    z-index: 1000;
    position: relative;
    text-align: center;
    opacity: 100%;
    width: 100%;
    height: 100%;
    border: 3px solid #000;
    background-color: #000;
    margin-top: 80px;
    box-shadow: 4px 4px 4px #333;
}

.video-controls {
    z-index: -1;
    position: relative;
    top: -2px;
    width: 100%;
    height: 25px;
    background-color: #000;
    border: 4px solid #000;

}

.unmute {
    position: absolute;
    left: 10px;
}


.fullscreen {
    position: absolute;
    right: 10px;

}

.hide {
    visibility: hidden;
    display: none;
}

@media (min-width:1500px) {
    .main-heading {
        font-size: 4em;
    }
    .quality-integrity-commitment {
        padding-top: 10px;
        font-size: 15px;
        letter-spacing: 5px;
    }
}

@media (max-width:1500px) {
    .main-heading {
        font-size:4em;
        text-align: center;
    }
    .quality-integrity-commitment {
        padding-top: 10px;
        font-size: 15px;
        letter-spacing: 5px;
    }
}

@media (max-width:1366px) {
    .main-heading {
        font-size:4em;
        text-align: center;
    }
    .quality-integrity-commitment {
        padding-top: 10px;
        font-size: 15px;
        letter-spacing: 5px;
        padding-left: 45px;
    }
}

@media (max-width:1023px) {
    .main-heading {
        text-align: center;
    }
    .sub-heading {
        font-size: 2em;
    }
    .subsub-heading {
        font-size: 1.5em;
    }
}

@media (max-width:767px) {
    .main-heading {
        font-size:4em;
        margin-top: 15px;
    }
    .quality-integrity-commitment {
        padding-top: 10px;
        font-size: 15px;
        letter-spacing: 5px;
    }
    .cover-truck {
        height: calc(1%); /* 50vh - 10% */
    }
}

@media (max-width:600px) {
    .main-heading {
        padding-top: 15px;
        font-size: 3.5em;
    }
    .sub-heading {
        font-size: 2em;
    }
    .subsub-heading {
        font-size: 1.5em;
    }
    .quality-integrity-commitment {
        font-size: 15px;
        letter-spacing: 5px;
    }
}

@media (max-width:420px) {
    .main-heading {
        padding-top: 40px;
        font-size:2.5em;
        padding-left: 0;
    }
    .sub-heading {
        font-size:2em;
    }
    .quality-integrity-commitment {
        font-size: 12px;
        letter-spacing: 3px;
    }
}

@media (max-height:420px) {
    .main-heading {
        padding-top: 20px;
        font-size:2em;
        text-align: center;
        padding-left: 0;
    }
    .sub-heading {
        font-size:2em;
    }
    .quality-integrity-commitment {
        font-size: 12px;
        letter-spacing: 3px;
    }

}