/* ----------------------------------------- */ /* View-Slug: gamma-motard - Start */ /* ----------------------------------------- */ /* Create three equal columns that floats next to each other */ .columngamma { float: left; width: 33.33%; padding: 20px 20px 20px 10px; height: auto; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } .containergamma { position: relative; width: 100%; } .imagegamma { display: block; width: 100%; height: auto; } .overlaygamma { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #ffffffb0; } .containergamma h3{margin-top:20px;margin-bottom:20px;text-align:center;text-transform:uppercase;} .containergamma h3:hover{color:#e80000;} hr {border-bottom: 2px solid #e10f21!important;margin: 20px 0 20px;} .containergamma:hover .overlaygamma { opacity: 1; } .textgamma { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .containergamma a{color:#fff;} @media only screen and (max-width: 767px) { .columngamma { width: 100%; height: auto; }} /* ----------------------------------------- */ /* View-Slug: gamma-motard - Ende */ /* ----------------------------------------- */