.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

a.transition-link:link {
    text-decoration: none;
    font-family: san-serif "proxima-nova"; 
    font-weight:100;
    color: #8a8a8a;
    letter-spacing: 1px;
        text-transform: uppercase;
            padding-bottom:5px;
                border-bottom: 1px solid #fff;
                            transition:0.5s;
}

a.transition-link:visited {
    text-decoration: none;
        color: #8a8a8a;
            padding-bottom:5px;
             border-bottom: 1px solid #fff;
    
    
}

a.transition-link:hover {
    border-bottom: 1px solid #000;
    padding-bottom:5px;
            color: #000;
            transition:0.5s;
              
}

a.sandbox-link {
    font-family: san-serif "proxima-nova"; 
    font-weight:100;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #cc6600; 
    padding-bottom:5px;
            color: #cc6600;                      
}

a.sandbox-link:hover {
    border-bottom: 1px solid #000;
    padding-bottom:5px;
            color: #000;
            transition:0.5s;
            text-decoration:none;
              
}

a.transition-link:active {
 
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    display:inline-block;
    }
    
 li.page-collection{
        display:inline-block;
        padding-right:20px;
        font-family: san-serif, "proxima-nova"; 
        }