html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
}

body > .container {
	padding-top: 60px;
}

body > .container-fluid {
	padding-top: 60px;
}

/* collapses the navbar one media earlier ( french has long title name ) */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.navbar-header .collapse, .navbar-toggle {
		display:block !important;
	}
	.navbar-header {
		float:none;
	}
}

.album-container {
	display: inline-block;
	position: relative;
	overflow:hidden;
}

.album-container:after {
	padding-top:130%;
	display: block;
	content: '';
}

.album-container .album {
	position: absolute;
	top: 15px;
	bottom: 0;
	right: 0;
	left: 15px;
	overflow:hidden;
}

.album-container .album .img-album-cover {

}


/* @media (max-width: 767px) { */
/*     .album { */
/*         height: 50vw; */
/*     } */
/* } */
/* @media (min-width: 768px) and (max-width: 991px) { */
/*     .album { */
/*         height: 33vw; */
/*     } */
/* } */
/* @media (min-width: 992px) and (max-width: 1199px) { */
/*     .album { */
/*         height: 25vw; */
/*     } */
/* } */

/* @media (min-width: 1200px)  { */
/*     .album { */
/*         height: 16vw; */
/*     } */
/* } */

/* img.cover { */
/*     width:100%; */
/* } */