Body, .container, img.slider, .light, .dark, .title{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@font-face{
    font-family: Couture Bold;
    src: url(fonts/COUTURE-Bold.ttf);
}

@font-face{
    font-family: Apple Garamond;
    src: url(fonts/AppleGaramond.ttf);
}

.container{
	height:100vh;
	width:100vw;
	position:relative;
}

@keyframes dark-fade {
	0%{	opacity: 1;	}
	50%{ opacity: 1; }
	100%{ opacity: 0; }
}

@-webkit-keyframes dark-fade {
	0%{	opacity: 1;	}
	50%{ opacity: 1; }
	100%{ opacity: 0; }
}

.dark{
	height: 100vh;
	width: 100vw;
	background-color: #000;
	animation: dark-fade 6s forwards;
	-webkit-animation: dark-fade 6s forwards;
	object-fit: cover;
	position: absolute;
	top:0;
	left:0;
	z-index:10;
}

@keyframes light-fade {
	0%{	opacity: 0;	}
	50%{ opacity: 0; }
	100%{ opacity: 1; }
}

@-webkit-keyframes light-fade {
	0%{	opacity: 0;	}
	50%{ opacity: 0; }
	100%{ opacity: 1; }
}

@keyframes fade {
	0%{	opacity: 1;	}
	2%{ opacity: 0; }
	95%{ opacity: 0; }
	98%{ opacity: 1; }
	100%{ opacity: 1; }
}

@-webkit-keyframes fade {
	0%{	opacity: 1;	}
	2%{ opacity: 0; }
	95%{ opacity: 0; }
	98%{ opacity: 1; }
	100%{ opacity: 1; }
}

img.slider{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top:0;
	left:0;
	animation: fade 210s infinite;
	-webkit-animation: fade 210s infinite;
}

img.slider:nth-of-type(40){ animation-delay: 5s;}
img.slider:nth-of-type(39){ animation-delay: 10s;}
img.slider:nth-of-type(38){ animation-delay: 15s;}
img.slider:nth-of-type(37){ animation-delay: 20s;}
img.slider:nth-of-type(36){ animation-delay: 25s;}
img.slider:nth-of-type(35){ animation-delay: 30s;}
img.slider:nth-of-type(34){ animation-delay: 35s;}
img.slider:nth-of-type(33){ animation-delay: 40s;}
img.slider:nth-of-type(32){ animation-delay: 45s;}
img.slider:nth-of-type(31){ animation-delay: 50s;}
img.slider:nth-of-type(30){ animation-delay: 55s;}
img.slider:nth-of-type(29){ animation-delay: 60s;}
img.slider:nth-of-type(28){ animation-delay: 65s;}
img.slider:nth-of-type(27){ animation-delay: 70s;}
img.slider:nth-of-type(26){ animation-delay: 75s;}
img.slider:nth-of-type(25){ animation-delay: 80s;}
img.slider:nth-of-type(24){ animation-delay: 85s;}
img.slider:nth-of-type(23){ animation-delay: 90s;}
img.slider:nth-of-type(22){ animation-delay: 95s;}
img.slider:nth-of-type(21){ animation-delay: 100s;}
img.slider:nth-of-type(20){ animation-delay: 105s;}
img.slider:nth-of-type(19){ animation-delay: 110s;}
img.slider:nth-of-type(18){ animation-delay: 115s;}
img.slider:nth-of-type(17){ animation-delay: 120s;}
img.slider:nth-of-type(16){ animation-delay: 125s;}
img.slider:nth-of-type(15){ animation-delay: 130s;}
img.slider:nth-of-type(14){ animation-delay: 135s;}
img.slider:nth-of-type(13){ animation-delay: 140s;}
img.slider:nth-of-type(12){ animation-delay: 145s;}
img.slider:nth-of-type(11){ animation-delay: 150s;}
img.slider:nth-of-type(10){ animation-delay: 155s;}
img.slider:nth-of-type(9){ animation-delay: 160s;}
img.slider:nth-of-type(8){ animation-delay: 165s;}
img.slider:nth-of-type(7){ animation-delay: 170s;}
img.slider:nth-of-type(6){ animation-delay: 175s;}
img.slider:nth-of-type(5){ animation-delay: 180s;}
img.slider:nth-of-type(4){ animation-delay: 185s;}
img.slider:nth-of-type(3){ animation-delay: 190s;}
img.slider:nth-of-type(2){ animation-delay: 200s;}
img.slider:nth-of-type(1){ animation-delay: 205s;}


.title, .title-light{
    margin: 5vw 0 0 5vw;
    float:left;
    position: absolute;
    vertical-align: baseline;
}

@media only screen and (min-width: 900px) {
    .title, .title-light{
        margin: 36px 0 0 86px;
	    float:left;
	    position: absolute;
	    vertical-align: baseline;
    }
}

@media only screen and (max-width: 900px) {
	img.logo{
	width:200px;
	height: auto;
    }
}

.title{
	animation: light-fade 9s forwards;
	-webkit-animation: light-fade 9s forwards;
	z-index:999;
}

.title-light{
	animation: dark-fade 6s forwards;
	-webkit-animation: dark-fade 6s forwards;
	z-index:9999;
}

img.logo{
	width:400px;
	height: auto;
}

.legal{
    font-size: 13px;
    width:100%;
    text-align:center;
    font-family: Couture Bold;
    color:#808080;
	position: absolute;
	z-index:99;
	bottom:10px;
}