responsive.scss

// Mobile responsiveness -> Small size
@include breakpoint(small only) {
    .home {
        .page-body {
            padding-top: 2.9rem;
        }
    }
    .page-body {
        .container-top-message {
            text-align: center;
        }
    }
    .main-slideshow {
        .swiper-slide {
            .slide-caption {
                position: static;
                width: 96%;
                padding: 1rem;
                padding-bottom: 4rem;
                .slide-caption-btn {
                    margin-right: .9rem;
                }
            }
        }
    }
    .main-footer {
        .logo {
            margin: auto;
            float: none;
        }
        .footer-text-block {
            p {
                text-align: center;
            }
            .license-icons {
                float: none;
                margin: auto;
                width: auto;
                text-align: center;
            }
        }
        .bottom-nav {
            .menu-bottom-container {
                .menu {
                    @include menu-align(center);
                }
            }
        }
    }
}