Sluit Menu

/* ----------------------------------------- */ /* View slug: slider - start */ /* ----------------------------------------- */ .slider-container { padding: 0 25px; padding-left: 29%; position: relative; background-color: #761042; } .slides { position: relative; } #sliderTitle { color: #761042; text-align: center; margin-top: 50px; } .slides h4 { bottom: 0%; /* width: 100%;*/ position: absolute; text-align: center; color: white; padding: 1px 10px 1px 10px; /*float: right;*/ background: rgba(117, 15, 65, 0.9); font-size: 16px; font-family: roboto; align-content: center; } .slides h4 a { color: #fff; border :none; } .slides h4:hover { color: #f7f7f7; } .img_slider { width: 20%; height: 20%; float: left; /*margin-right: 5px;*/ background-color: white; padding: 0px 5px 0px 5px; } /*-----Mobiel------*/ @media only screen and (max-width: 600px) { .slider-container { padding: 0px; padding-left: 0%; position: relative; background-color: #761042; } .slides { position: relative; } #sliderTitle { color: #761042; text-align: center; } .slides h4 { bottom: 0%; position: static; text-align: center; color: white; padding: 0px 10px 0px 10px; background: rgba(117, 15, 65, 0.9); font-size: 16px; font-family: roboto; align-content: center; } .slides h4 a { color: #fff; border :none; } .slides h4:hover { color: #f7f7f7; } .img_slider { width: 100%; height: 100%; float: left; /*margin-right: 5px;*/ background-color: white; padding: 0px 0px 0px 0px; } } /*-----Mobiel liggend -----*/ @media only screen and (min-width: 600px) and (max-width: 1400px) { .slider-container { padding: 0px; padding-left: 0%; position: relative; background-color: #fff; margin-left: 1%; } .slides { position: relative; } #sliderTitle { color: #761042; text-align: center; margin-top: 50px !important; } .slides h4 { bottom: 0%; position: static; text-align: center; color: white; padding: 1px 10px 1px 10px; background: rgba(117, 15, 65, 0.9); font-size: 16px; font-family: roboto; align-content: center; } .slides h4 a { color: #fff; border :none; } .slides h4:hover { color: #f7f7f7; } .img_slider { width: 33%; height: 33%; float: left; /*margin-left: 1px;*/ background-color: white; padding: 0px 5px 0px 5px; } } /* ----------------------------------------- */ /* View slug: slider - end */ /* ----------------------------------------- */