/*
<style> /* notice that this entire line is a comment in CSS */

    @media (max-width: 480px) {
        #menu-footer-menu2 li ,#menu-footer-menu li {
            margin: 0.5rem 0;
        }
        .container {
            max-width: 95vw;
        }
        .card-single-img {
            height: 100%;
            width: 100%;
        }

        .card-single-body {
            width: 100%;
        }
        /*.narrow {*/
        /*    padding: 0 !important;*/
        /*}*/

        h1, h2, h3, h4, h5 {
            /*font-weight: 700 !important;*/
            font-size: 120%;
        }

        .overlay {
            /*background-color: rgba(14, 38, 38, 0.9);*/
        }

        .hero {
            font-size: 2.625rem !important;
            width: 100% !important;
        }

        .hero-title {
            width: 100%;
            font-size: 2.75rem;
            font-weight: 300 !important;

        }

        .footer-logo {
            min-height: 7.5rem;
            width: 9.375rem;
        }

        p {
            font-size: 1.125rem;
        }

        .portfolio_image {
            min-height: 12.5rem;
        }

        .full-section-image {
            height: 100vw;
        }

        .mobile-wrap {
            flex-wrap: wrap;
        }

        .buttons-list {
            justify-content: space-between;
        }

        .mobile-menu-logo {
            display: none;
        }

        .desktop-width {
            display: none;
        }

        .mobile-width {
            display: block;
            padding: 0 1rem;
        }

        .shares-button {
            left: 50%;
            bottom: 50%;
            transform: translate(-50%);
        }

        .shares-button.show {
            left: 50%;
            bottom: 80%;
            transform: translate(-50%);
        }


        body #seach-nav {
            display: block;
            text-align: end;
        }

        .search-mobile {
            display: block;
            text-align: end;
        }

        .work-card {
            margin: 1rem 0;
        }

        #mobile-menu {
            display: block;
        }

        .full-section-content {
            max-width: 100%;
        }

        body.home #seach-nav {
            display: none;
        }
        .padding-b-half{
            padding-bottom:0rem ;
        }
        h3{
            margin: 0;
        }
        /*.hero-row {*/
        /*    height: 30rem;*/
        /*}*/
        #sponsor-title{
            white-space: nowrap;font-weight: 400;font-size: 1rem;
        }
        .card-img{
            aspect-ratio: 16 / 9;
        }
        .scriptlesssocialsharing__buttons .button{
            margin: 0.5rem!important;
        }
        .scriptlesssocialsharing__buttons svg{
            width: 2rem;
            height: 2rem;
            aspect-ratio: 1 / 1;
        }
    }