@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Lato');

body {
    font-family: 'Fjalla One', sans-serif;
    height: 100%;
    background-color: rgb(17,15,18);
    text-decoration:none;
    padding: 0;
    margin: 0;
}

a {
	text-decoration: none;
    color: #fff;
}

a:hover {
	color: #d6d7d8;
}


.initial {
    font-size: 40px;
    position:fixed;
    z-index:999;
    top:0;
    left:18;
    display:block;
    padding:0;
    padding:18px .75rem 30px;
    background:rgb(240,15,15);
}

.initial-open {
    background-color: rgb(17,15,18);
    width: 140;
    /*content: url(../img/jv.png); */
}

.initial-open img:hover {
    content: url(../img/jv.gif);
}

.initial-close {
    width: 140;
    content: url(../img/x.png);
}

.initial-close:hover {
    content: url(../img/x.gif);
}

.top {
    height: 100%;
    color: #fff;
    background-color: rgb(17,15,18);
    background-image: url(../img/background.gif);
    background-repeat: no-repeat;
    background-position: center;
   // background-attachment: fixed;
}

.arrow-container {
    position: relative;
}

.arrow-text {
    position: absolute;
    font-size: 20px;
    bottom: 90;
    right: 48;
    z-index:4;
}

.down-arrow {
    position: absolute;
    bottom: 40;
    right: 40;
    z-index:4;
}

.down-arrow img:hover {
    content: url(../img/arrow.gif);
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:rgb(240,15,15);
    overflow:auto;
	z-index:99;
}

.overlay-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8%;
    
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 60px;
    line-height: 1.8;
    font-family: 'Fjalla One', sans-serif;
    font-style: italic;
    color: #fff;
}

@media screen and (max-width: 480px){
    .overlay-content {
        padding-top: 45%;
        font-size:20px;
    }
    
    #owl-demo {
        padding-top: 45%;
        height: 400px;
    }
}

.overlay-footer {
   /* height: 80;*/
    padding: 30 0;
    color: #fff;    
    display: flex;
    justify-content: center;
}

.overlay-footer img:hover {
    transform: scale(.8);
    background-color: rgba(5, 10, 51, .9);
    border-radius: 5px;
}

.email {
    height: 50;
    color: #fff;    
    display: flex;
    justify-content: center;  
}