/* your styles go here */ #footer{ padding: 20px 0; } #get-it{ padding: 30px 0 10px; } figure.reviews_gallery { width: 33.333%; float: left; padding: 10px; } .reviews_gallery img { width: 100%; height: 100%; position: absolute; top: 0; } .reviews_gallery:last-child img{ margin-bottom:60px; } .my-gallery{ position:relative; } .my-gallery:after { content: ''; display: block; position: relative; clear: both; margin-bottom: 25px; } .my-gallery a { width: 100%; overflow: hidden; display: block; height: 0; padding-bottom: 60%; position: relative; } .testimonials .item .testimonial .name-picture { float: right; width: 90%; text-align: right; } .testimonials .item .testimonial .bottom .icon { color: #6aae7a; font-size: 20px; float: left; width: 10%; } .testimonials .item .testimonial .name-picture img{ margin-bottom:10px; } @media ( max-width: 690px ) { figure.reviews_gallery{ width:50%; } } @media ( max-width: 380px ) { figure.reviews_gallery{ width:100%; } } ul.list-style-none{ margin:0;padding:0; } .articles-flex{ display: flex; flex-wrap: wrap; } .articles-flex .box-image-text{ height: 100%; margin-bottom: 30px; } .articles-flex p.read-more { position: absolute; bottom: 10px; width: 100%; } /****/ .main-car-mobile ul, .main-car-mobile p{ font-weight:400!important; font-size: 12px; } .main-car-mobile ul li{ margin-bottom: 5px; } @media(max-width:515px){ .main-car-mobile h1, .main-car-mobile h2 { font-size: 7vw; } } @media(max-width:365px){ li.previous, li.next {font-size:3.5vw;} } @media(max-width:350px){ section .container h2.text-uppercase, .big-text{font-size: 9vw;} .big-text-2{font-size: 7vw;} }