@media screen and (max-width: 39.9375em) { .content { margin-top: 20px; } } .py-5{ padding-top: 20px !important; padding-bottom: 20px !important; } div.col-sm-12.d-lg-none > a > div.image { display: none; } div.col-sm-12.d-lg-none{ padding: 0; } .slick-track img { max-width: 550px; width: 100%; } .slick-dots{ max-width: 550px; } .btn { width: 100% !important } table a{ color: black; } .slider-container { height: 280px; margin-bottom: 3px; overflow: hidden; width: 100%; } .slider { list-style-type: none; padding: 0; margin: 0; transition: margin 0.8s; } .slide { display: block; float: left; position: relative; padding-left: 10px; } .slide a { display: block; } .slide .title, .slide .date { color: rgba(255, 255, 255, 0.8); position: absolute; text-shadow: 0 0 32px rgba(0, 0, 0, 0.5); } .slide .date { border-right: 5px solid rgba(255, 255, 255, 0.8); left: 50px; bottom: 40px; width: 160px; } .slide .date span { display: block; } .slide .date .day { font-size: 120px; font-weight: bold; line-height: 90px; } .slide .date .month { font-size: 20px; font-weight: bold; line-height: 30px; } .slide .date .month01 { letter-spacing: 11px; } .slide .date .month02 { letter-spacing: 8px; } .slide .date .month03 { letter-spacing: 25px; } .slide .date .month04 { letter-spacing: 18px; } .slide .date .month05 { letter-spacing: 42px; } .slide .date .month06 { letter-spacing: 25px; } .slide .date .month07 { letter-spacing: 28px; } .slide .date .month08 { letter-spacing: 10px; } .slide .date .month09 { letter-spacing: 2px; } .slide .date .month10 { letter-spacing: 7px; } .slide .date .month11 { letter-spacing: 3px; } .slide .date .month12 { letter-spacing: 4px; } .slide .date .year { font-size: 20px; font-weight: 100; letter-spacing: 25px; } .slide .title { left: 240px; bottom: 40px; } .slide h2, .slide h3 { border: none; margin: 0; padding: 0; text-transform: none; } .slide h2 { font-size: 64px; line-height: 64px; } .slide h3 { font-size: 20px; font-weight: 100; } .slide img { display: block; margin: 0; }