/* CSS Document */

/* whole background */
body {
    background-color:#3571a0;
    background-image: linear-gradient(-135deg, #35517d, #5bb6cd); background-attachment: fixed; background-repeat: no-repeat;
    -webkit-user-select:none; -moz-user-select:none; user-select:none; 
    font-family: 'Source Sans Pro', sans-serif;
}



/* title */
.titleBarBgd { 
    background-color: rgba(255,255,255,0.7); 
    padding-top: 3em !important;
}
h1 {
    font-family:"Julius Sans One"; color:#366; 
}
.subtitle {color:#366; }
.logoImg {
    width: 16%; height: auto; max-width: 120px; border: solid 1px #ffffff;
}




/* menu */
.menuContainer { 
    background-color: rgba(255,255,255,1); 
    color:#366; 
    margin-top: -4.5rem;
}

h2 {
    font-family: 'PT Sans Narrow', sans-serif; color:#366; 
}
.menuText { 
    cursor: pointer; font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em !important;
}
.menuImg {
    width: 70%; height: auto; max-width: 200px; 
}





/* content */

.contentBox {
    background-color: rgba(255,255,255,1); 
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: -4rem;
}

.legend {
    line-height: 2rem; 
    font-weight: bold;
}

video {
    max-width: 720px; width: 100%; height: auto;
    background-color: black;
}

i {margin-right: 10px;}

video:focus { outline: none !important; }