.indiedb__image:hover,.logo__image:hover,.menu__image:hover{filter:brightness(150%)}.features__description,.footer__text,.indiedb,.logo{text-align:center}
body{max-width:1920px;margin:0 auto;background:#000}
.header{display:inline-block;overflow:hidden;position:relative;height:350px;width:100%;}
@media only screen and (min-width:767px){.header{height:450px}}
@media only screen and (min-width:1060px){.header{height:620px}}
@media only screen and (min-width:1700px){.header{height:650px}}
@media only screen and (max-width:528px){
.header__bg1,
.header__bg2,
.header__bg3,
.header__bg4,
.header__bg5,
.header__bg6
	{background-repeat:no-repeat;position:absolute;height:72%;width:100%;z-index:-1;margin-top:100px;}
}
@media only screen and (min-width:528px){
.header__bg1,
.header__bg2,
.header__bg3,
.header__bg4,
.header__bg5,
.header__bg6
	{background-repeat:no-repeat;position:absolute;height:78%;width:100%;z-index:-1;margin-top:100px;}
}
@media only screen and (max-width:767px){
.header__bg1,
.header__bg2,
.header__bg3,
.header__bg4,
.header__bg5,
.header__bg6
	{background-repeat:no-repeat;position:absolute;height:72%;width:100%;z-index:-1;margin-top:100px;}
}
@media only screen and (min-width:1060px){
.header__bg1,
.header__bg2,
.header__bg3,
.header__bg4,
.header__bg5,
.header__bg6
	{background-repeat:no-repeat;position:absolute;height:85%;width:100%;z-index:-1;margin-top:100px;}
}
.header__bg1{background-image:url(../images/Title_05_Sam.png);background-size:43%;background-position:73% bottom}
.header__bg2{background-image:url(../images/Title_04_Morogi.png);background-size:55%;background-position:86% bottom}
.header__bg3{background-image:url(../images/Title_03_Zoe.png);background-size:50%;background-position:95% bottom}
.header__bg4{background-image:url(../images/Title_02_Bishop.png);background-size:25%;background-position:78% bottom}
.header__bg5{background-image:url(../images/Title_01_Background.png);background-size:contain;background-position:bottom;}
.header__bg6{background-image:url(../images/Title.png);background-size:auto 150px;background-position:70%;margin-top:-24px}
.header__content{position:fixed;display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin:0 auto -90px;background:rgba(0,0,0,0.8)}
.logo{margin:25px auto 0 25px;align-self:flex-start}
.logo__image{width:200px;filter:brightness(130%)}
.images{width:80%;margin:45px auto 0}
.images__container{display:flex;flex-direction:column}
.images__item{margin:8px;cursor:pointer;transition:.3s;width:100%;align-self:center}
.images__item:hover{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 20px 0 rgba(0,0,0,.19);-webkit-filter:brightness(150%)}
.menu__image{width:30px}
.indiedb__image{width:170px}
.menu{display:flex;align-self:flex-start;justify-content:space-evenly;width:150px;margin-top:25px;filter:brightness(130%)}
@media only screen and (min-width:800px){
	.menu{width:205px}
	.logo__image{width:290px}
	.indiedb__image{width:235px}
	.menu__image{width:44px}
	.features__container-description{max-width:1050px;margin:50px auto 0}
}
@media only screen and (min-width:400px){
	.images__container{flex-wrap:wrap;flex-direction:row}
	.images__item{width:45%}
}
@media only screen and (max-width:640px){
	.menu{margin-right:-25px}
	.indiedb__image{display:none;}
}
@media only screen and (max-width:530px){
	.logo__image{width:150px}
	.menu__image{width:25px}
	.menu{width:120px}
	.header{height:275px}
	.header__bg1,
	.header__bg2,
	.header__bg3,
	.header__bg4,
	.header__bg5,
	.header__bg6
		{background-repeat:no-repeat;position:absolute;height:64%;width:100%;z-index:-1;margin-top:100px;}
}
.features__bg1{background-image:url(../images/Title_02_Bishop.png);background-repeat:no-repeat;background-size:cover;position:absolute;height:296px;width:212px;z-index:-1;left:40px;bottom:-40px;opacity:.3;display:none}
@media only screen and (min-width:1070px){
	.menu{margin:25px 0 0 160px}
	.features__bg1{display:block}
	.images__container{flex-wrap:nowrap}
	.images__item{width:22%;align-self:center}
	.features__list{margin-left:320px}
}
.indiedb{margin:25px;align-self:center}
@media only screen and (min-width:530px){.indiedb{align-self:flex-start}}
.features{width:80%;margin:0 auto;position:relative}
.features__container-description{margin:50px}
.features__text{font-family:Arial;font-size:20px;color:gray}
.footer__link,.footer__text{color:#696969}
.features__list{margin-top:35px}
.features__title{font-weight:700}
.features__items{list-style-type:square;padding-left:0}
.footer__container{width:80%;margin:50px auto 20px}
.footer__text{font-family:Arial;font-size:17px}
.loader.is-loaded{transition:left .3s linear;left:100%!important}@keyframes rotate{to{transform:rotate(360deg)}}