.posabs { position: absolute; }
.posrel { position: relative; }
.left { float: left; }
.right { float: right; }
.uppercase { text-transform: uppercase; }
.small { font-size: 0.4em; line-height: 1em; }
.block { display: block; }
p.franklin { font-family: "FranklinITCProLight", "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; }
.no-display { display: none; }
.block-display { display: block; }
.full-opacity { opacity: 1; }
.no-opacity { opacity: 0; }
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

.refuge-video img.show-for-smallest {
    display: none;
}
.refuge-video { position: relative; text-align: center; }
.refuge-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.refuge-video.handwriting video { position: absolute; top: 0; left: 0; width: auto; height: 100%; max-width: 100%; }
.refuge-video .vimeo-embed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.vimeo-embed .player .controls-wrapper,
.vimeo-embed .player .controls,
.vimeo-embed .player .target {
    display: none;
}
#splash-hed {
    bottom: 0%;
    left: 2%;
    font-size: 121%;
}
#splash-hed h1, #splash-hed h2 { line-height: 0.9em; text-align: left; }
#splash-hed h1 {
    color: white;
    /*color: rgba(255, 255, 255, 0.8);*/
    -webkit-text-shadow: 0 0 10px #222;
    -moz-text-shadow: 0 0 10px #222;
    -ms-text-shadow: 0 0 10px #222;
    -o-text-shadow: 0 0 10px #222;
    text-shadow: 0 0 10px #222;
}
#splash-hed h2 {
    font-size: 300%;
    -webkit-text-shadow: 0 0 40px #ddd;
    -moz-text-shadow: 0 0 40px #ddd;
    -ms-text-shadow: 0 0 40px #ddd;
    -o-text-shadow: 0 0 40px #ddd;
    text-shadow: 0 0 40px #ddd;
}
#splash-hed .carousel-toggle > .highlight { color: #B03436; margin-right: 5px; } 
.gfx-hidden { display: none; }
#read-more {
    display: none;
    border: 1px solid #ccc;
    margin-top: 5px;
    cursor: pointer;
    -webkit-transition: border 0.8s ease;
    -moz-transition: border 0.8s ease;
    -o-transition: border 0.8s ease;
    transition: border 0.8s ease;        
}
#read-more > span {
    background-color: #C4C2C2;
    padding: 7px 10px;
    border: 3px solid white;    
    display: block;    
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;        
}
#read-more:hover {
    border: 1px solid #999;
}
#read-more:hover > span {
    background-color: #AFAFAF;
}
@media (min-width: 1480px){
    #splash-hed { font-size: 80%; }    
}
@media (min-width: 1780px){
    #splash-hed { font-size: 110%; }    
}
@media (max-width: 1480px){
    #splash-hed { font-size: 65%; }
}
@media (max-width: 1250px){
    #splash-hed { font-size: 55%; }
}
@media (max-width: 1035px){
    #splash-hed { font-size: 45%; }
}
@media (max-width: 979px){
    .gfx-hidden { display: block; }
}
@media (max-width: 820px){
    #splash-hed {  }
}
@media (max-width: 767px){
    #splash-hed {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        text-align: left;
        font-size: 61%;
    }
    #splash-hed h1,
    #splash-hed h2 {
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none;
    }
    #splash-hed h1 {
        color: #444;
    }
}
@media (max-width: 425px){
    .refuge-video img.show-for-small {
        display: none !important;
    }
    .refuge-video img.show-for-smallest {
        display: block;
    }
    #splash-hed { font-size: 55%; margin: 0; }
}
@media (max-width: 395px){
    #splash-hed { }
    #splash-hed h2 {  }
}