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

html, body{
	background: #0A0A0A !important;
	width: 100%;
}

.container{
	font-family: Doulos, sans-serif;
	background: #0A0A0A;
	color: #fff;
}

.date {
	margin-left: 6px;
}

.ml-3{
	margin-left: 6px;
}

.container.mid{
	width: 100% !important;
}

.carousel, .carousel-inner, .item, .carousel-item-inner{
	height: 85vh;
	width: 100%;
}

.carousel-item-inner {  
    height: 90%;
    position: relative;
}  

li {
    display: inline;
    list-style: none;
    float: right;
    padding: 0 18px;
}

.logo h1{
	letter-spacing: 4px;
	margin-bottom: -10px;
	color: #fefefe;
}

a.logo {
	color: grey;
}

a.logo:hover {
	text-decoration: none;
	color: grey;
}

.logo h4{
	letter-spacing: 12.2px;
}

.carousel-control{
	background: rgba(0,0,0,0) !important;
	height: 90%;
}

.carousel-control .glyphicon{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.5;
    font-size: 24px !important;
}

.carousel-item-inner .img-fluid { 
	max-height:  100%; 
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #3A6F9A;
}

.double{
	text-align: center;
}

.double img{
	height: 100%;
}

.double .img-left{
	margin-right: 22px;
}

.double .img-right{
	margin-left: 22px;
}

.double-small .img-left{
	margin-right: 2px !important;
}

.double-small .img-right{
	margin-left: 2px !important;
}

.triple{
	text-align: center;
}

.triple img{
	width: 30%;
}

.triple.small img{
	width: 25%;
}

.triple .img-left{
	margin-right: 22px;
}

.triple .img-right{
	margin-left: 22px;
}

.triple-memento img{
	width: initial !important;
	height: 100%;
}

.triple-sacred img{
	width: initial !important;
	height: 80%;
/*	margin-top: 3%;*/
}

.carousel-item-inner.full-width img { 
	max-height: initial;
	height: initial;
	width: 90%;
	margin-left: 5%;
}

.img-title{
	background: #0a0a0a;
	font-size: 16px;
	color: grey;
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.carousel-indicators{
	display: none;
}

.vertical-align-img{
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

.bio-content{
	color: lightgrey;
	font-size: 15px;
}

.bio-content .row{
	margin-bottom: 20px;
}

.navigation-items{
	margin-top: 56px; 
}

.navigation-items a{
	color: grey;
	font-size: 18px;
	letter-spacing: 2px;
}

.navigation-items a:hover{
	color: grey;
}

@media screen and (max-width: 1640px) {
	.triple-sacred img{
		width: 25% !important;
		height: initial !important;
	}
	.triple.small img{
		height: 80% !important;
	}
/*	.triple-sacred .img-right{
		display: none;
	}
	.triple-memento .img-right{
		display: none;
	}*/
}

@media screen and (max-width: 1400px) {
	.secret-life .img-left{
		display: none;
	}
	.triple-memento .img-right{
		display: none;
	}
	.triple-memento-container .text-to-hide{
		display: none;
	}
}

@media screen and (max-width: 1080px) {
	.hide-md{
		display: none !important;
	}
	.triple-memento .img-left{
		display: none;
	}
	.triple-sacred .img-left{
		display: none;
	}
	.double .img-right{
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.triple-memento .img-right{
		display: none;
	}
	.full-img img{
 		width: 100% !important;
	}
}

@media screen and (max-width: 980px) {
	.img-right{
		display: none;
	}
	.triple .img-left{
		display: none;
	}
	.double img, .triple img{
		margin: 0 !important;
	}
	.triple img, img{
		width: initial;
		max-height: 100%;
		max-width: 100%; 
	}
}

@media screen and (max-width: 768px){
	.full-img img {
	    max-width: 100% !important; 
	    max-height: initial !important;
	    margin-top: 0 !important;
	    top: 50% !important;
	    transform: translateY(-50%);
	}
}

@media screen and (max-height: 480px){
	.full-img img {
	    top: 86% !important;
	}
}

/*@media screen and (max-width: 1320px) {
	.full-img img{
 		width: 100% !important;
	}
	.double img{
		margin: 0 !important;
		height: initial;
		width: 49%;
	}
*/
}