.fixed-top { background: #563d7c } #myCarousel { margin-bottom: 4rem } #myCarousel .carousel-inner > .carousel-item > .item-bg { position: absolute; top: 0; left: 0; width: 100%; height: 500px; } #myCarousel .carousel-item { height: 500px; width: 100%; } .carousel-item { -webkit-transition-timing-function: cubic-bezier(.45,.18,0,1); transition-timing-function: cubic-bezier(.45,.18,0,1); } @media (min-width: 768px) { .carousel h1 { letter-spacing: -3px; font-size: 56px; font-weight: bold; } } .dropdown-menu .dropdown-menu { top: -1px; left: 100%; margin: 0 0 0 3px; } @media (max-width: 575px) { #myCarousel .container { width: 100%; } .hidden-xs {display: none !important} } h2 { letter-spacing: -3px; font-size: 56px; font-weight: bold; } h3:not(.popover-header) { font-size: 32px; font-weight: bold; letter-spacing: -2px; } .bg-bootstrap { background-color: #563d7c } .bg-pink { background-color: #E91E63 } .bg-indigo { background-color: #9c27b0 }