/********* Superposition *******/
.img {
width: 100%;
height:99%;
object-fit: cover;
background-size: cover;
}
/* Conteneur principal */
.overlay-image {
position: relative;
}
/* Image originale */
.overlay-image .image {
display: block;
width:100%;
height:99%;
}
/* Texte original */
.overlay-image .text {
color: #fff;
font-size: 1.6em;
font-weight: light;
line-height: 1.2em;
text-shadow: 0px 0px px #000;
text-align: center;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/********* Hover *******/
/* Overlay */
.overlay-image .hover {
position: absolute;
top:0;
width:100%;
height:97%;
opacity: 0.3;
transition: .5s ease;
}
/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
opacity: 1;
}
/********* Hover background *******/
.overlay-image .normal {
transition: .5s ease;
}
.overlay-image:hover .normal {
opacity: 0.5;
}
.overlay-image .hover {
background-color: rgba(0,0,0,0.5);
}
/********* Columns *******/
.columns {
margin: 0;
padding: 0;
-moz-column-width: 15em;
/* Firefox */
-webkit-column-width:15em;
/* webkit, Safari, Chrome */
column-width:15em;
column-gap:4px;
object-fit: cover;
background-size: cover;
}
/*remove standard list and bullet formatting from ul*/
.columns ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child {
margin-top: 0px;
}
{
#side-menu {
background-color: #000000;
color:#ffffff;
width: 0;
padding: 0;
}