.nav-secondary-flyout {
    top:150px;
}

.video-block-group {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 10px;
}

.video-block-container {
    position: relative;
    padding: 10px;
    display:inline-block;
}

.video-block-container span {
    color: #fff;
    font-size: 1.9em;
    font-family: "museo_sans900", Arial, Helvetica, sans-serif;
    text-shadow: 2px 2px 5px rgba(0,0,0,.65);
    width:55%;
    
}


.video-block-container .video-block .video-block-title {
    position:absolute;
    bottom:25px;
    font-family: "museo_sans900", Arial, Helvetica, sans-serif;
    font-size: 2.7em;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0,0,0,.65);
}


.video-block-container .video-block-reveal {
    transition: 250ms ease-in-out;
    display:flex;
    height:100%;
    width:100%;
    top:0;
    left:0;
    visibility:hidden;
    z-index:1;
    position:absolute;
    padding:30px;
    background-color: rgba(0,0,0,0.6);
    justify-content:flex-start;
}

.video-block-container .video-block-reveal .video-list ul {
    color:#fff;
}

.video-block-container .video-block-reveal ul li:first-of-type {
    padding-top:0;
}

.video-block-container .video-block-reveal ul li {
    padding-top:10px;
    font-family: "museo_sans700", Arial, Helvetica, sans-serif;
    /* text-transform:uppercase; */
}

.video-block-container .video-block-reveal ul li a {
    color:#fff;
}

.video-block-container:nth-child(1) {
    width: 50%;
    height: 100%;
    float: left;
}

.video-block-container:nth-child(1) .video-block-reveal {
    left:-100%;
}

.video-block-container:nth-child(1) .video-block-reveal span {
    font-size:2em;
}
.video-block-container:nth-child(1) .video-block-reveal ul {
    font-size:1.2em;
    margin-left:0;
}
.video-block-container:nth-child(1) .video-block-reveal ul li {
    padding-top:10px;
}

.video-block-container:nth-child(2) {
    width: 50%;
    height: 60%;
}

.video-block-container:nth-child(2) .video-block-reveal {
    left:-100%;
}


.video-block-container:nth-child(3) {
    width: 50%;
    height: 40%;
}

.video-block-container:nth-child(3) .video-block-reveal {
    top:-100%;
}

.video-block-container:nth-child(3) .video-block-reveal span {
    font-size:1.7em;
}

.video-block {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    padding: 30px;
    overflow: hidden;
}

/*-------------------------------------------- Video Row ----------------------------- */

.video-row-wrap {
    padding:20px;
}
.video-row-wrap:last-of-type {
    padding:20px;
    margin-bottom:70px;
}

.video-row {
    position:relative;
    width:100%;
    height:100%;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
}

/*.video-row .video-block-container .video-block-title {*/
/*    font-size:1.4em;*/
/*    text-align:left;*/
/*    color:rgb(128,0,0);*/
/*    position:relative;*/
/*    text-shadow:none;*/
/*}*/

/*.video-row .video-block-container .video-block-reveal {*/
/*    left:-100%;*/
/*    top:0;*/
/*}*/

.video-row .video-block-container {
    width:25%;
    margin-bottom:40px;
}

.video-row .video-block-container .video-block {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video-row .video-block-container .video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-row .video-block {
    width:100%;
    height:100%;
    padding:0;
    overflow:visible;
}

.video-row .video-block-container .title-reveal {
    display:none;
    opacity:0;
    font-size:1.2em;
    font-family:"museo_sans700";
    color:#000;
    margin-top:5px;
    transition: 250ms ease-in-out;
    position:absolute;
}

.video-row .video-block-container:hover .title-reveal {
    display:block;
    opacity:1;
}

.video-block-container:hover .video-block-title {
    opacity: 0;
}

.video-block-container:hover .video-block-reveal {
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}

.video-row .video-block-container .video-block-reveal {
    padding:10px;
}

.video-row .video-block-container .video-block-reveal a {
    transition: 250ms ease-in-out;
    font-size: 3em;
    width:100%;
    height:100%;
    display: block;
    position: absolute;
    color: rgba(128,128,128,0.4);
}

.video-row .video-block-container .video-block-reveal a:hover {
    text-decoration:none;
    color: rgba(128,128,128,0.8);
}


/* -------------------------------- breakpoints ----------------------------- */

/*@media all and (max-width: 1366px){*/
    
/*    .video-block-container:nth-child(1) .video-block-reveal span {*/
/*        font-size: 1.9em;*/
/*        padding-right: 40px;*/
/*    }*/
    
/*     .video-block-container:nth-child(1) .video-block-reveal ul {*/
/*        padding-left:20px;*/
/*        font-size:1.2em;*/
/*    }*/
    
/*      .video-block-container:nth-child(2) .video-block-reveal ul {*/
/*        padding-left:20px;*/
/*        font-size:1.1em;*/
/*    }*/
    
/*}*/

@media all and (max-width: 1156px){

    .video-row .video-block-container {
        width:50%;
        margin-bottom:40px;
    }
    .video-row .video-block-container .title-reveal {
        font-size:1.1em;
    }
    .video-block-container:nth-child(2) .video-block-reveal span {
        font-size:1.3em;
    }
    .video-block-container:nth-child(3) .video-block-reveal span {
        font-size:1.2em;
    }
    .video-block-container:nth-child(1) .video-block-reveal ul {
        font-size:1.1em;
    }
    .video-block-container:nth-child(2) .video-block-reveal ul {
        font-size:1em;
    }
    .video-block-container:nth-child(2) .video-block-reveal ul li {
        font-size:1em;
        padding-top:5px;
    }
    .video-block-container:nth-child(3) .video-block-reveal ul {
        padding-left:40px;
    }
    
}

@media all and (max-width: 954px){
    
    
    .video-block-container span {
        width:100%;
        color: #fff;
        font-size: 1.4em;
        font-family: "museo_sans900", Arial, Helvetica, sans-serif;
        text-shadow: 2px 2px 5px rgba(0,0,0,.65);
    }
    
    .video-block {
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        padding: 20px;
        overflow: hidden;
    }
    
    .video-block-container .video-block-reveal {
        transition: 250ms ease-in-out;
        display:flex;
        height:100%;
        width:100%;
        top:0;
        left:0;
        visibility:hidden;
        z-index:1;
        position:absolute;
        padding:20px;
        background-color: rgba(0,0,0,0.6);
        flex-wrap:wrap;
    }
    
    .video-block-container:nth-child(1) .video-block-reveal span {
        font-size:1.5em;
    }
    
    .video-block-container:nth-child(1) .video-block-reveal ul li {
        padding-top:10px;
    }
    
    .video-block-container:nth-child(2) .video-block-reveal ul {
        font-size: .8em;
        padding-left: 15px;
    }
     .video-block-container:nth-child(3) {
         flex-wrap:nowrap;
     }
     
    .video-block-container:nth-child(3) .video-block-reveal ul {
        font-size:.8em;
        padding-left:15px;
    }
    
    .video-block-container:nth-child(3) .video-block-reveal span {
        font-size:1.3em;
    }
    
    
    .video-block-container .video-block .video-block-title {
        position:absolute;
        bottom:25px;
        font-family: "museo_sans900", Arial, Helvetica, sans-serif;
        font-size: 2em;
        color: #fff;
        text-shadow: 2px 2px 5px rgba(0,0,0,.65);
    }
    
    .video-block-container .video-block .video-list {
        font-size: 1em;
    }
    
    .video-block-container .video-block-reveal {
        transition: 250ms ease-in-out;
        display:flex;
        height:100%;
        width:100%;
        top:0;
        left:0;
        visibility:hidden;
        z-index:1;
        position:absolute;
        padding:20px;
        background-color: rgba(0,0,0,0.6);
        flex-wrap:wrap;
    }
    
    .video-row {
        padding:0;
        flex-wrap:wrap;
    }
    
    .video-row .video-block-container .title-reveal {
        display:none;
        opacity:0;
        font-size:1em;
        font-family:"museo_sans700";
        color:#000;
        transition: 250ms ease-in-out;
        position:absolute;
    }
}

@media all and (max-width: 830px){
     .nav-secondary-flyout {
        top:0 !important;
    }
    .video-row .video-block-container .title-reveal {
        display:none;
        opacity:0;
        font-size:.9em;
        font-family:"museo_sans700";
        color:#000;
        transition: 250ms ease-in-out;
    }
    
    .video-row .video-block-container:hover .title-reveal {
        display:block;
        opacity:1;
       
    }
    .video-block-container:nth-child(1) .video-block-reveal ul li {
        padding-top:10px;
    }
     .video-block-container:nth-child(2) .video-block-reveal ul {
        padding-top:10px;
    }
    .video-block-container:nth-child(3) .video-block-reveal span {
        font-size:1em;
    }
    .video-block-container:nth-child(3) .video-block-reveal ul li {
        padding-top:0;
        font-size:.8em;
    }
}

@media all and (max-width: 768px){
    
    .tier-secondary-header {
        height:43px;
    }
    
    .video-block-container span {
        color: #fff;
        font-size: .9em;
        line-height:1.2;
        font-family: "museo_sans900", Arial, Helvetica, sans-serif;
        text-shadow: 2px 2px 5px rgba(0,0,0,.65);
    }
   
    
    .video-block {
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        padding: 15px;
        overflow: hidden;
    }
    
    .video-block-container .video-block .video-block-title {
        position:absolute;
        bottom:25px;
        font-family: "museo_sans900", Arial, Helvetica, sans-serif;
        font-size: 1.8em;
        color: #fff;
        text-shadow: 2px 2px 5px rgba(0,0,0,.65);
    }
    
    .video-block-container .video-block .video-list {
        font-size: 1em;
    }
    
    .video-block-container .video-block-reveal {
        transition: 250ms ease-in-out;
        display:flex;
        height:100%;
        width:100%;
        top:0;
        left:0;
        visibility:hidden;
        z-index:1;
        position:absolute;
        padding:15px;
        background-color: rgba(0,0,0,0.6);
        flex-wrap:wrap;
    }
    
    .video-block-container .video-block-reveal .video-list ul {
        margin-left: 0px;
        padding-left: 0;
        font-size: .8em;
    }
    
    .video-block-container .video-block-reveal .video-list ul li {
         font-size: .8em;
    }
    .video-block-container:nth-child(1) .video-block-reveal .video-list ul {
        font-size: 1.2em;
        padding-left:10px;
    }
    .video-block-container:nth-child(1) .video-block-reveal .video-list ul li {
         padding-top:7px;
    }
     
    .video-block-container:nth-child(2) .video-block-reveal .video-list ul li, .video-block-container:nth-child(3) .video-block-reveal .video-list ul li {
        font-size: 1em;
        margin-left: 15px;
        padding-top: 5px;
    }
    
    .video-block-container:nth-child(3) .video-block-reveal span {
        font-size:1em;
    }
    
    .video-row {
        flex-wrap:wrap;
    }
    
    .video-row .video-block-container .title-reveal {
        display:none;
        opacity:0;
     
        font-family:"museo_sans700";
        color:#000;
        transition: 250ms ease-in-out;
        position:absolute;
    }

    .video-row .video-block-container:hover .title-reveal {
        display:block;
        opacity:1;
       
    }
    
}

@media all and (max-width: 400px){
  
    
    .video-block-group .video-block-container:nth-child(1) {
        height:300px;
        float:left;
        width:100%;
    }
    .video-block-group .video-block-container:nth-child(1) .video-block-reveal span {
        font-size:1.05em 
    }
    .video-block-group .video-block-container:nth-child(1) .video-block-reveal ul {
        padding-left:40px;
        padding-top: 10px;
    }
    .video-block-group .video-block-container:nth-child(2) {
        height:200px;
        float:left;
        width:100%;
    }
    .video-block-group .video-block-container:nth-child(2) .video-block-reveal span {
        font-size:1.15em;
    }
    .video-block-group .video-block-container:nth-child(2) .video-block-reveal ul {
        padding-left:20px;
    }
    .video-block-group .video-block-container:nth-child(3) {
        height:150px;
        float:left;
        width:100%;
    }
    .video-block-group .video-block-container:nth-child(3) .video-block-reveal span {
        font-size:1em;
    }
    .video-block-group .video-block-container:nth-child(3) .video-block-reveal ul {
        padding-left:20px;
        padding-top:10px;
    }
    .video-block-group .video-block-container:nth-child(1) .video-block-reveal span {
        font-size: .9em;
        line-height:1.2;
    }
    .video-block-group .video-block-container:nth-child(2) .video-block-reveal span {
        font-size: .9em;
        line-height:1.2;
    }
    .video-row .video-block-container {
        margin-bottom:20px;
        width:100%;
        height:100%;
    }
    .video-row .video-block-container .title-reveal {
       font-size:1em;
    }
}