.section.mysamples {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;background: var(--dark);padding-top: 33px;padding-bottom: 39px;background-position: center;background-repeat: repeat;color: var(--white); } @media (min-width: 992px) {.section.mysamples {padding-bottom: 90px;} } .section.mysamples > .container, .section.mysamples > .container-fluid {position: relative;padding-left: 16px;padding-right: 16px; } .section.mysamples > .container h1, .section.mysamples > .container .h1, .section.mysamples > .container-fluid h1, .section.mysamples > .container-fluid .h1 {padding: 1px 0;font-weight: 700;text-align: left;font-size: 24px;margin-bottom: 4px;color: var(--white); } @media (min-width: 992px) {.section.mysamples > .container h1, .section.mysamples > .container .h1, .section.mysamples > .container-fluid h1, .section.mysamples > .container-fluid .h1 {font-size: 38px;margin-bottom: 28px;} } .section.mysamples > .container .btn, .section.mysamples > .container-fluid .btn {border-radius: 12px;width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .section.mysamples > .container .btn svg, .section.mysamples > .container-fluid .btn svg {margin-right: 5px; } .section.mysamples > .container .carousel .holder, .section.mysamples > .container-fluid .carousel .holder {margin-left: -16px;margin-right: -16px;padding-left: 16px; } .section.mysamples > .container .carousel .holder .slide, .section.mysamples > .container-fluid .carousel .holder .slide {height: auto; } .section.mysamples > .container .carousel .holder .item, .section.mysamples > .container-fluid .carousel .holder .item {padding-top: 10px;padding-bottom: 10px; } .section.mysamples > .container .card-4, .section.mysamples > .container-fluid .card-4 {width: 256px; } .section.mysamples > .container .card-4 .card-title, .section.mysamples > .container-fluid .card-4 .card-title {font-size: 24px;margin-bottom: 6px; }