@font-face {
    font-family: antiquab;
    src: url('../fonts/antiqu.ttf');
}

@font-face {
    font-family: Ubuntu-Light;
    src: url('../fonts/ubuntu-lite.ttf');
}


html {

}

body {
    width: 100%;
    height:100%;
    font-family: Ubuntu-Light;
}

a,
a:hover{
    text-decoration: none;
}

a:focus {
    outline: none;
}
.background-img{
    position: absolute;
    width: 87.4vw;
}
.overflow-none {
    overflow: hidden;
}
.staff img{
    width:100%;
    height:200px;

}
.header-menu{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    padding-top: 1vw;
    background: rgba(0, 0, 0, 0.25);
}

.header-menu a i,
.header-menu a {
    color: #ffffff;
}

.header-menu a:hover,
.header-menu a:hover * {
    color: #565656;
}

.header-menu.header-menu-scrolled{
    background-color: #fff;
    -webkit-animation-name: header-menu-ani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.75s; /* Safari 4.0 - 8.0 */
    animation-name: header-menu-ani;
    animation-duration: 0.75s;
}

.header-menu.header-menu-scrolled a i, .header-menu.header-menu-scrolled a {
    color: #909090;
}
.header-menu-xs{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    padding-top: 1vw;
    background: rgba(0, 0, 0, 0.25);
}
.header-menu-xs a i,
.header-menu-xs a {
    color: #ffffff;
}

.header-menu-xs a:hover,
.header-menu-xs a:hover * {
    color: #565656;
}

.header-menu-xs.header-menu-scrolled{
    background-color: #fff;
    -webkit-animation-name: header-menu-ani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.75s; /* Safari 4.0 - 8.0 */
    animation-name: header-menu-ani;
    animation-duration: 0.75s;
}

.header-menu-xs.header-menu-scrolled a i, .header-menu.header-menu-scrolled a {
    color: #909090;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes header-menu-ani {
    from {background-color: transparent;}
    to {background-color: #fff;}
}

/* Standard syntax */
@keyframes  header-menu-ani {
    from {background-color: transparent;}
    to {background-color: #fff;}
}

.header-menu a i {
    font-size: 1.85vw;
}
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 200px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 200px;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 200px;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
}

.flip-card-back {
    opacity: 0.9;
    background-color: #e0e0e0;
    color: #0a0a0a;
    transform: rotateY(180deg);
}