@media(max-width:768px){

    main {
        padding: 20px 10px 0 10px;
    }

    h1 { font-size:28px; }
    h2 { font-size:22px; }

    .gmap{
        width:100%;
    }

    .grid-container {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .footer-sections{
        padding: 0 15px;
    }

    .social-icons {
        font-size: 15px;
        background: white;
        color: black;
        padding: 9px 12px 12px 9px;
        margin-right: 15px;
        width: 10px;
        height: 10px;
        text-align: center;
        border-radius: 100%;
    }
    #tt-icon{ height: 30px; }

}