.grid-container {
    max-width: 100%;
}
body, p {
    font-size: 16px;
    font-family: 'Poppins','Roboto', sans-serif;
}




/*REQUEST A QUOTE MODAL STYLES*/
body form, label {
    font-family: 'Poppins', sans-serif;
    font-size: 12px
}
#requestQuoteModal .formTitle {
    text-align: center;
    font-size: 4em;
    font-weight: bold;
    padding-top: 20px;
}
#requestQuoteModal p:nth-child(2) {
    padding: 1.25rem;
}
#requestQuoteModal iframe {
    display: block;
    overflow: auto;
    width: 90%;
    height: 500px;
}
#requestQuoteForm .grid-container p {
    margin: auto;
}
#requestQuoteForm .formSectionTitle {
    font-size: 1.5em;
    margin: auto;
    padding: 20px 0px 40px 0px;
    font-weight: bold;
}
#requestQuoteForm .contact {
    
}
#requestQuoteForm .help-text {
    padding: 0px !important;
    padding-bottom: 10px !important;
}
#requestQuoteForm .form-error {
    padding-top: 5px
}
#requestQuoteForm .alertMessage {
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
    top: -20px;
    position: relative;
}
#requestQuoteForm .error {
    font-weight: bold;
    color: red;
}

.requestQuoteContainer {
    margin: auto;
}
#requestQuoteForm label {
    vertical-align: 5%;
}

#requestQuoteForm fieldset {
    border: 5px solid #cacaca;
    border-radius: 10px;
    margin: auto;
}
#requestQuoteForm fieldset:last-child {
    border: none;
    margin: 0;
    padding-right: 20px;
}
#requestQuoteForm legend {
    font-weight: bold;
}
/****** Textarea styles *******/

#requestQuoteForm .box {
    width: 100%;
    padding: 1.25rem;
    border: 5px solid #cacaca; 
    border-radius: 10px;
    margin: auto;
}

#requestQuoteForm .box .textareaLabel {
    margin-left: -0.1875rem;
/*    padding: 0 0.1875rem;*/
    padding-right: 5px;
    padding-left: 5px;
     margin: auto;
    max-width: 250px;
    text-align: center;
    
}
#requestQuoteForm textarea {
    max-height: 200px;
    min-height: 200px;
    max-width: 100%;
    margin: 10px;
    margin: auto;
    border-radius: 5px 5px 0px 0px;
    
    
}

/******* END Textarea styles ********/




.mobileQuoteRequest {
    margin: auto;
    padding: 20px 0px 20px 0px;
}
.myMainMenu .myMenuContainer .menu .activeItem .quoteButton {
    color: #2f2f2f;
}
.myMainMenu .myMenuContainer .menu .activeItem .quoteButton:hover {
    color: #ffffff;
    font-weight: 300;
}
.menuItem.quoteButton {
    color: #2f2f2f;
    background-color: #A7C4D2;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
}
.quoteButton:hover {
    background-color: #A90001;
    color: #E6E7E8;
}
/*END OF REQUEST A QUOTE MODAL STYLES*/

#demoReelId {
    padding: 40px;
    background: #a90001;
}
#demoReelId iframe {
    border: none;
}
#demoReelId .close-button {
    color: #e6e7e8;
}
#demoReelId .close-button:hover {
    color: #2f2f2f;
    transition: .3s ease-out;
}

#hiddenTitleBar {
    display: none;
    position: absolute;
    width: 100%;
    height: 100px;
    text-align: center;
    padding: 10px;
}


.spacing {
    margin-top: 50px;
}
#home {
    position: relative;
    top: 67px;
    margin-bottom: 100px;
}
.myMainMenu {
        position: fixed;
        width: 100%;
        z-index: 2;
} 
.myMenuContainer {
        position: relative;
        z-index: 0;

}
.myLogoContainer {
    height: 67px;
    position: relative;
    background: rgba(47, 47, 47, 1.0);
    text-align: center;
    border-bottom: 5px solid #A90001;
}
.myLogoContainer img {
    position: relative;
    padding: 0px;
    height: 60px;
    width: auto;
    top: 12px;
    z-index: 5;
}
/*
.boxShadow {
    display: block;
    position: fixed;
    width: 100%;
    height: 129px;
    background: #2f2f2f;
    z-index: 2;
    box-shadow: 0px 2px 30px #2f2f2f;
    box-sizing: content-box;
}
*/
.mobileMenu .menu {
    display: inline-flex;
    position: fixed;
    bottom: 0;
    background-color: #2f2f2f;
    width: 100%;
    z-index: 2;
    border-top: 5px solid #A90001;
}
.mobileMenu .menu li {
    margin: auto;
    text-align: center;
}
.mobileMenu .menu li a {
    padding: 10px;
    color: #E6E7E8;
    font-weight: bold;
}

.mobileMenu .menu .active > a {
    border-radius: 0px;
}
#activeMenu .is-active {
    background-color: #a90001;
    border-radius: 5px 5px 0px 0px;
}
#mobileActiveMenu .is-active {
    background-color: #a90001;
}

.menu .active > .quoteButton {
    border-radius: 5px;
}
#demoReelId iframe {
    height: 100%;
}
.titleContainer {
    display: block;
    position: relative;
    margin: auto;
    width: 330px;
    text-align: center;
    
}
.titleContainer h1 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #E6E7E8; 
    font-family: Roboto, Oswald, sans-serif;
    margin: auto;
}
.titleContainer p {
    font-size: 0.9em;
    color: #E6E7E8;
    font-weight: bold;
    font-family: BioRhyme, serif;
    margin-bottom: 5px;
}
.demoButtonContainer {
    margin: auto;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 75px;
    z-index: 1;
    opacity: 1;
}
.modalButton {
    margin: auto;
    width: 200px;
    padding: 0px;
    border-radius: 5px;
    border: 2px solid #E6E7E8;
    background-color: #A90001;
    box-shadow: 2px 2px 50px Black;
    z-index: 5; 
    opacity: 0.8;
}
.modalButton p:first-child {
    font-size: 1em;
    margin: auto;
    padding: 5px;
}
.modalButton p:nth-child(2){
    margin: auto;
    padding: 0px 0px 5px 0px;
}
.modalButton .fa-play {
    font-size: 1.5em;
}
.modalButton .buttonBottom {
    background-color: #E6E7E8;
    color: black;
    font-weight: bold;
    margin: auto;
    font-size: 0.8em;
}
.demoButtonContainer .modalButton .fa-volume-up {
    padding-left: 8px;
}

.videoContainer {
    margin-top: 0;
    z-index: -1;
    margin-bottom: 0;
    
    
}
.videoContainer iframe {
    border: none;
}
.videoCoverGradient {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(180,175,175,0.5));
    z-index: 2;
}
.videoCoverPattern {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../assets/graphics/overlay/overlay-tile.png);
/*    background-size: contain;*/
    mix-blend-mode: multiply;
    background-repeat: repeat;
    z-index: 2;
    
}
.mobileVideoGradient {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(178,175,175,0.1));
    z-index: 4;
}
.mobileVideoThumb {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../assets/Images/VideoThumbnails/CameraThumbnail.jpg);
    z-index: 2;
    background-size: cover;
    
}
.bannerContainer {
    position: relative;
    background-color: #A7C4D2;
    color: #2f2f2f; 
    min-height: 186px;  
    
}
.bannerContainer .cell {
    margin: auto;
}
.bannerContainer .cell p {
    margin: auto;
    text-align: center;
    font-size: 3em;
}
.bannerContainer .bannerOne p {
    font-family: "Parisienne", cursive;
/*    font-weight: bold;*/
}
.bannerContainer .bannerTwo p {
    font-family: "Oswald", sans-serif;
    font-weight: bold;
}
.bannerContainer .bannerThree p {
    font-family: "Permanent Marker", cursive;
}
.bannerSub {
    position: relative;
    background-color: #2f2f2f; 
    color: white;
    padding: 10px;
    height: 112px;
    width: 100%;
    
}
.bannerSub div p {
    text-align: center;
    font-weight: bold;
    margin: auto;
    font-size: 1em;
    
}
.servicesSection .sectionTitle:nth-child(1) {
/*    padding-top: 0px;*/
}
.servicesSection .grid-x {
    max-width: 90%;
    margin: auto;
}

.mainBody .sectionTitle {
    position: relative;
    text-align: center;
    color: #E6E7E8;
    padding-top: 100px;
    padding-bottom: 30px;
    max-width: 100%;
    margin: auto;
    
}

.sectionTitle h2 {
    font-size: 3em;
    margin: auto;
    background: #A90001;
    padding-top: 26px;
    padding-bottom: 26px;
    text-transform: uppercase;
}
.sectionTitle b {
    position: relative;
}
.servicesSection {
    position: relative;
}
.services {
    text-align: center;
}
.services .grid-x .cell {
    margin-bottom: 40px;
}
.services .grid-x .cell:last-child {
    margin-bottom: 0px;
}
.services .grid-x h2{
    font-size: 1.5em;
    margin: auto;
    padding: 10px;
    max-width: 350px;
    
}
.services .grid-x {
    width: 100%;
    margin: auto;
}
.services .grid-x .cell {
    padding: 0px 30px;
}
.services .grid-x .cell img {
    height: 250px;
}
.portfolioMenu .accordion li a {
    color: #E6E7E8;
    font-size: 1.4em;
    text-align: center;
    background-color: #2F2F2F; 
    
}
.portfolioMenu {
    max-width: 100%;
    margin: auto;
}
.portfolioMenu .accordion-title::before {
    display: none;
}
.portfolioMenu .cell h3 {
    font-weight: bold;
    font-family: Roboto, sans-serif;
    margin: auto;
}
 .portfolioMenu p {
        font-size: 1.3em;
    }
#portfolioTabs .tabs-title  {
  float: none;
  display: inline-block;
    
    
}
#portfolioTabs.tabs { 
    text-align: center;
    background: #2f2f2f;
}
#portfolioTabs .tabs-title a{
    
  background-color: #2F2F2F;
    color: #E6E7E8; 
    font-size: 1.4em;
    
}
#portfolioTabs .tabs-title a:focus {
   background: #A90001;
    color: #E6E7E8; 
}
#portfolioTabs .tabs-title a:hover {
   color: #A7C4D2; 
}
#portfolioTabs .tabs-title a:active {
  background: #A90001;  
}
/*
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #A90001;
    color: #E6E7E8; 
}                 
.tabs-title > a:hover {
    background: #A7C4D2;
}
*/


.hiddenTitle {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    
}


/*
.aboutUsSection.mainBody {
    width: 100%;
    margin: auto;
}
*/

.aboutUsSection .grid-x {
    margin: auto;
    width: 90%;
}
.aboutUsSection .grid-x .cell > p {
    text-indent: 40px;
}
.aboutUsSection .aboutUsIntro img {
    padding-bottom: 20px;
}
.aboutUsButtons {
    text-align: center;
}
.aboutUsButtons.cell {
    padding: 0px;
    margin: auto;
    
}
.aboutUsButtons .myButton {
    
}

.aboutUsButtons.cell .myButton.button {
/*
    width: 135px;
    height: 55px;
    padding: 0px;
    margin: 15px 15px;
    background: #A7C4D2;
    color: #2f2f2f;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 5px;
    box-sizing: border-box;
    transition: background 0.5s;
*/
    width: 130px;
    height: 50px;
    padding: 0px 5px;
    margin: 15px 15px;
    background: #A90001;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    border-radius: 5px;
    box-sizing: border-box;
    transition: background 0.5s;
    font-family: Poppins, sans-serif;
}
.selected, .button:hover, .button:focus {
    background: #FF0506 !important;
    color: #E6E7E8 !important;
}



#mainFaqContainer {
    display: block;
}

#mainFaqContainer .grid-container {
/*    max-width: inherit;*/
    
    
}
.accordion-content {
    background: #A7C4D2; 
}
.FAQContainer .accordion-title {
    background: #2f2f2f;
    color: #E6E7E8; 
    font-size: 1em;
}
.FAQContainer .grid-x {
    max-width: 1200px;
    margin: auto;
}
.FAQContainer .accordion-title:focus {
    background: #A90001;
}
.FAQContainer .accordion-title:hover {
    background: #3E3E3E; 
}
#mainTeamContainer {
    max-width: 80%;
    margin: auto;
    background: #e6e7e8;
    padding: 10px 0px 10px 0px;
}
#mainTeamContainer .hiddentTitle {
    width: 100%;
    margin: auto;
}
#mainTeamContainer .teamTitle {
    text-align: center;
}
#mainTeamContainer .teamContainer {
    max-width: 100%;
    margin: auto;
}
#mainTeamContainer .teamContainer .cell {
/*
    padding-left: 15px;
    padding-right: 15px;
*/
}
#mainTeamContainer .teamContainer .card{
    border: 5px solid #A90001; 
    margin: auto; 
}

#mainTeamContainer .teamContainer .card .card-section {
    background: #A90001; 
    text-align: center;
    padding: 10px;
}
#mainTeamContainer .teamContainer .card .card-section h3 {
    color: #E6E7E8;
    font-weight: bold;
    font-size: 2em;
    margin: auto;
}



.owl-item.active div h1 img {
    text-align: center;
    position: relative;
    bottom: 10px;
    width: 100%;
}

.owl-dots {
    display: none;
}

 



.phoneCont {
    height: 50px;
}
.mailCont {
}
.fa-phone, .fa-envelope {
    font-size: 2em;
}





/* ///// CONTACT FORM STYLES MOBILE /////*/


/*
.contactContainer .contactPack {
    width: 90%;
    margin: auto;
    background-color: #a7c4d2;
    margin-bottom: 100px;
    
}
.contactContainer .contactForm {
    background-color: transparent;
}


#contact-form .grid-x {
    max-width: 800px;
    margin: auto;
}
#contact-form p {
    max-width: 800px;
    margin: auto;
    padding-left: 0px !important;
    padding-bottom: 30px;
    color: #a90001;
}
#contact-form .alert.callout {
    color: #a90001 !important;
    max-width: 800px !important;
}
#contact-form .grid-x .button {
    float: right;
    margin: auto;
    background-color: #a90001;
    color: #ffffff;
}
*/










/*Brands Section*/

.subTitle h2{
    margin-top: 100px;
    text-align: center;
    font-family: BioRhyme, serif;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
}
.cards.cell {
    
    margin: auto;
    margin-bottom: 30px;
    padding: 0px;
    border: 5px solid #A90001;
    
}
.cards .cardHead {
    border-bottom: 5px solid #A90001;
    background-color: #A90001;
}
.cards .cardHead h3 {
    text-align: center;
    margin: auto;
    color: #E6E7E8;
    padding: 20px 10px;
    font-size: 2em;
    font-family: BioRhyme, serif;
}
.cards .cardBody {
    display: block;
    position: relative;
    background-color: #E6E7E8;  
}
.cards .cardBody .quoteIcon i{
    background: #E6E7E8;
    font-size: 2.5em;
    border-radius: 50px;
    border: 10px solid #A90001;
    color: #A90001;
    padding: 18px;
    position: absolute; 
    left: 50%;
    top: 15px;
    transform: translate(-50%, -50%);
    text-align: center;
    
    
}
.cards .cardBody p {
    margin: auto;
    font-size: 1.5em;
    width: 95%;
    margin: auto;
    font-family: BioRhyme, serif;
}
.cards .cardBody .quote  {
    color: #2F2F2F;
    padding: 65px 0px 30px 0px;
}
.cards .cardBody p:last-child {
    text-align: right;
    color: #A90001;
    font-weight: bold;
}

.socialMediaIcons i {
    padding: 0px 10px;
    color: #E6E7E8;
}

/*Footer Information*/


.socialIcons {
    text-align: center;
    padding-top: 10px;
}
.socialIcons a i {
    padding: 5px 8px;
    color: white;
    font-size: 2.5em;
}
.socialIcons a:first-child i:hover {
    padding: 5px 8px;
    color: #e6e7e8;
    transition: 0.4s ease;
    border-radius: 10px;
    background: #c4302b;
}
.socialIcons a:nth-child(2) i:hover {
    padding: 5px 8px;
    transition: 0.4s ease;
    color: #e6e7e8;
    background: #3b5998;
    border-radius: 10px;
}
.socialIcons a:nth-child(3) i:hover {
    padding: 5px 8px;
    background: linear-gradient(#405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);
    transition: 0.4s ease;
    color: white;
    border-radius: 10px;
}

.copyright {
    text-align: center;
    padding-top: 20px;
}
.footerContainer {
    display: flex;
    background: #2f2f2f;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.footerMain {
    max-width: 70%;
    min-width: 310px;
    margin: auto;
}
.infoContainer {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    
}
.infoContainer {
    padding-bottom: 50px;
}
.iconContent {
    display: flex;
    justify-content: center;
}
.iconContent p i {
    padding-right: 10px;
}
.socialContainer {
    display: flex;
    justify-content: flex-end;
    text-align: center;
}
.socialContainer .cell p {
    font-size: 1.5em;
    margin: auto;
}
.socialIcons {
    display: flex;
    justify-content: center;
}
.socialIcons i {
    margin: 10px;
    font-size: 2.5em;
}

.annoucement {
    font-size: 2em;
    color: red;
    display: block;
    margin: auto;
    width: 500px;
    
}
/*
.backButton {
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: #a90001;
    padding: 5px 10px;
    color: #e6e7e8;
    border-radius: 5px;
}
*/
/*
   .highlightReel {
        position: relative;
    }
    .highlightReel iframe{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        
    }
*/
.highlightReel {
    
}
a.backButton {
    display: block;
    position: relative;
    width: 300px;
    padding: 10px 20px;
    color: #e6e7e8;
    border-radius: 5px;
    top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
    z-index: 2;
    background: #2f2f2f;
}
.backButton:hover {
    background:  #222222;
}










@media screen and (min-width: 640px) {
    
/*    Modal Request A Quote Form*/
    body form, label {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
    #requestQuoteForm .box .textareaLabel {
    margin-left: -0.1875rem;
/*    padding: 0 0.1875rem;*/
    padding-right: 5px;
    padding-left: 5px;
     margin: auto;
    max-width: 400px;
    text-align: left;
    
}
    #home {
        position: relative;
        top: 0px;
        margin-bottom: 30px;
    }
    .myMainMenu {
        position: fixed;
        width: 100%;
        z-index: 2;
} 
    .mainBody .sectionTitle {
    max-width: 100%;
    margin: auto; 
}
.titleContainer {
    display: block;
    position: relative;
    margin: auto;
    width: 600px;
    text-align: center;
    
}    
.titleContainer h1 {
    font-size: 2em;
    font-weight: bold;
    color: #E6E7E8; 
    font-family: Roboto, Oswald, sans-serif;
}
.titleContainer p {
    font-size: 1em;
    color: #E6E7E8;
    font-weight: bold;
    font-family: BioRhyme, serif;
}
    

.demoButtonContainer {
    margin: auto;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 150px;
}

.demoButtonContainer .modalButton {
    width: 200px;
    z-index: 5;
    display: block;
    position: relative;
    top: 20px;
}
.demoButtonContainer .modalButton p:first-child {
    font-size: 1.5em;
    padding: 10px;
}
.demoButtonContainer .modalButton p:nth-child(2){
    margin: auto;
    padding: 0px 0px 10px 0px;
}
.demoButtonContainer .modalButton .fa-play {
    font-size: 2em;
}
.demoButtonContainer .modalButton .buttonBottom {
    background-color: #E6E7E8;
    color: black;
    font-weight: bold;
    margin: auto;
    font-size: 1em;
}
.demoButtonContainer .modalButton .fa-volume-up {
    padding-left: 8px;
    font-size: 1em;
}
/*
    .videoCoverPattern {
        width: 100%;
        height: 100%;
        position: absolute;
        background: url(../assets/graphics/overlay/overlay-tile.png);
        background-size: contain;
        z-index: 2;
    }
*/
    
    .services .grid-x .cell {
        margin-bottom: 0px;
    }
    .aboutUsSection .aboutUsIntro .cell {
        padding: 0px 50px;
        
        
}

   
    
    .footerMain {
        max-width: 500px;
        margin: auto;
    }    
    .iconContent {
        display: flex;
        justify-content: flex-start;
    }
     .scrollMagicMenu {
         background: rgba(47, 47, 47, 1.0);
         transition-property: scroll;
         transition-duration: 5s;
         transition-timing-function: ease-in; 
         border-bottom: 5px solid #A90001;
         box-shadow: 0px 5px 20px black;
         top: 0;
        
         
    } 
    
     .myLogoContainer {
        height: 90px;
        position: relative;
        background: rgba(47, 47, 47, 0);
        text-align: center;
        border-bottom: 0px solid #A90001;
        

    }
    .myLogoContainer img {
        position: relative;
        padding: 10px;
        height: 90px;
        width: auto;
        top: 20px;
        z-index: 1;
    }
     .myMenuContainer {
        background: rgba(47, 47, 47, 0.5);
        height: 60px;
        position: relative;
        border-bottom: 5px solid #A90001;

    }
    .myMenuContainer  .menuItem {
        color: #E6E7E8;
        font-weight: bold;
        font-family: Roboto, sans-serif;
    }
    .myMenuContainer  .menuItem:hover {
        background: #c4302b;
        border-radius: 5px 5px 0px 0px;
    }
    .myMenuContainer .quoteButton:hover{
        border-radius: 5px 5px 5px 5px;
    }
    .myMenuContainer  .menuItem:hover
    .menuItem.quoteButton {
        color: #2f2f2f;
        background-color: #A7C4D2;
        border-radius: 5px;
    }
    .quoteButton:hover {
        background-color: #A90001;
        color: #E6E7E8;
    }
    .myMenuContainer ul li:last-child {
        position: relative;
        top: -40px;
        padding: 0;
    }
    .myMenuContainer ul {
        position: absolute;
        width: 100%;
        margin: 0;
        top: 40px;
        left: 50%;
        transform: translate(-50%, -50%); 
    }
    .bannerSub {
        height: 50%;
}


    .mobileMenu .menu li a {
        padding: 20px;
    }
    .aboutUsButtons{
        text-align: center;
    }
    
    .quoteBorder .quoteIcon {
        top: 115px;
    }
    
    
    
    #portfolioTabs .tabs-title a {
        background-color: #2F2F2F;
        color: #E6E7E8; 
        font-size: 2em;
    }

    .mainBody .sectionTitle {
        padding-top: 100px; 
    }
    .contactSection .contactContainer .rightColumn {
        margin: 0px;
    }
    .contactSection .contactContainer .rightColumn .iconCont {
        padding:  0px;
    }
    .contactSection .contactContainer .rightColumn p {
        padding: 0px;
    }
    .contactSection .contactContainer .rightColumn i {
        padding: 0px;
        margin-right: 10px;
    }
    

}



@media screen and (min-width: 1023px) { 
    .highlightReel {
        margin: 1% 10%;

    }
    #home {
        position: relative;
        top: 0;
    }
    .mainBody .sectionTitle {
        max-width: 90%;
        margin: auto; 
    }
    .contactSection .contactContainer {
        max-width: 90%;
        margin: auto;
    }
    .portfolioMenu {
        max-width: 80%;
        margin: auto;
    } 
   
    .titleContainer {
        display: block;
        position: relative;
        margin: auto;
        width: 950px;
        text-align: center;

    }
    .titleContainer h1 {
        font-size: 4em;
        font-weight: bold;
        color: #E6E7E8; 
        font-family: Roboto, Oswald, sans-serif;
    }
    .titleContainer p {
        font-size: 1.5em;
        color: #E6E7E8;
        font-weight: bold;
        font-family: BioRhyme, serif;
    }
    .demoButtonContainer {
        margin: auto;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 180px;

    }
.modalButton {
    margin: auto;
    width: 278px;
    padding: 0px;
    border-radius: 5px;
    border: 2px solid #E6E7E8;
    background-color: #A90001;
    background-blend-mode: hard-light;
}
.demoButtonContainer .modalButton p:first-child {
    font-size: 1.5em;
    margin: auto;
    padding: 10px;
}
.demoButtonContainer .modalButton p:nth-child(2){
    margin: auto;
    padding: 0px 0px 10px 0px;
}
.demoButtonContainer .modalButton .fa-play {
    font-size: 2em;
}
.demoButtonContainer .modalButton .buttonBottom {
    background-color: #E6E7E8;
    color: black;
    font-weight: bold;
    margin: auto;
}
.demoButtonContainer .modalButton .fa-volume-up {
    padding-left: 8px;
}
/*
    .videoCoverPattern {
        width: 100%;
        height: 100%;
        position: absolute;
        background: url(../assets/graphics/overlay/overlay-tile.png);
        background-size: contain;
        opacity: 0.8;
        mix-blend-mode: multiply;
        z-index: 2;
    }
*/
    #portfolioTabs .tabs-title a {
        background-color: #2F2F2F;
        color: #E6E7E8; 
        font-size: 2em;  
    }
    .myLogoContainer {
        height: 124px;
        position: relative;
        background: rgba(47, 47, 47, 0);
        text-align: center;
        border-bottom: 0px solid #A90001;
         
         

    }
    .myLogoContainer img {
        position: relative;
        height: 100px;
        width: auto;
        top: 46px;
        
    }
    .myMenuContainer {
        background: rgba(47, 47, 47, 0);
        height: 124px;
        position: relative;
        border-bottom: 0px solid #A90001;

    }
    .myMenuContainer ul {
        position: absolute;
        width: 100%;
        margin: 0;
        top: 85%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .myMenuContainer ul li {
        margin: auto;
        padding: 10px;
    }
    .services .grid-x h2 {
        max-width: 200px;
    }
    .quoteBorder .quoteIcon {
        top: 155px;
    }
/*
    .contactPack {
        width: 90%;
        margin: auto;
        margin-bottom: 30px;
    }
    .contactPack .grid-x .cell {
        padding-top: 30px;
    }
    .contactPack .grid-x .cell .formButtons .button {
        background-color: #A90001;
        color: #ffffff;
    }
*/
    .footer {
        padding-top: 50px;
        bottom: 0px;
        padding-bottom: 0px;
        margin: 0;
    }
    .footer .copyrightContainer {
    margin: auto;
    padding: 20px 0px 30px 0px;
}
/*
    .myMenuContainer ul li a {
        background: rgba(169, 0, 1, 0);
        color: #E6E7E8; 
        border-radius: 5px 5px 0px 0px;
    }
*/


}
@media screen and (min-width: 1300px) {
    .demoButtonContainer {
        top: 300px;
    }
    .highlightReel {
    
} 
}
@media screen and (min-width: 1800px) {
    .demoButtonContainer {
        top: 400px;
    }
}
@media screen and (min-width: 2000px)  {
    .aboutUsSection .aboutUsIntro .aboutUsParagraph {
        display: block;
        position: relative;
        max-width: 900px;
        text-align: left;
        margin: auto;
    }
    .aboutUsSection .aboutUsIntro .aboutUsImage {
        display: block;
        position: relative;
        text-align: center;
        width: 90%;
        margin: auto;
    }
}

@media screen and (min-width: 2200px) {
    
   .demoButtonContainer {
    top: 600px;
    
} 
}
@media screen and (min-width: 2300px) {
    .highlightReel {
        position: relative;
    }
    .highlightReel iframe{
        width: 1920px;
        height: 1080px !important;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -75%);
        
    }
}