/*
Theme Name: HC Anderson Award
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.ad {
    padding: 2rem;
}

.ad-inner {
    display: grid;
    /* justify-content: space-evenly;
    align-items: stretch; */
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 25px;
    
}

.ad-member {
 max-width: 29vw;
}

.ad-member-single {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
}

.ad-img {
  /*   max-width: 100% !important;
    max-height: 200px !important; 
    max-width: 100% !important;
    flex: 1 1 100%;
    padding: 2rem 0;
     */
     margin-bottom: 1rem;
}

.ad-member h3 {
    font-family: Roboto, "Open Sans", sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
}

.ad-member p {
    font-family: Roboto, "Open Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 28px;
    width: 95%;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;

}

@media (max-width: 1350px){
    .ad-inner {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        grid-gap: 20px;
        
    }

    .ad-member {
        max-width: 30vw;
       }

       .ad {
        padding: 2rem;
    }
}

@media (max-width: 1000px){
    .ad-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-gap: 20px;
        
    }

    .ad-member {
        max-width: 50vw;
       }

       .ad {
        padding: 1rem;
    }
}

@media (max-width: 400px){
    .ad-inner {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-gap: 15px;
        
    }

    .ad-member {
        max-width: 95vw;
       }

       .ad {
        padding: .5rem;
    }
}