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 {
    padding-top:15px;
    padding-bottom:15px;
    overflow:hidden;
}

@media (max-width: 767px) {
    .album {
        height: 70vw;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .album {
        height: 46vw;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .album {
        height: 35vw;
    }
}

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

img.cover {
    width:100%;
}