.smartanlaw-layout {
  display: flex;
  flex-direction: column;
  
}

@media (min-width: 1024px) {
  .smartanlaw-layout {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    grid-template-areas:
      "smile-image protections"
      "calling911 exception";
    /* gap: 24px; */
    width: 100%;
    /* min-height: 100vh; */
  }

  .smile-image    { 
    grid-area: smile-image;
    width: 100%;
    height: 100%;
    
  }
  .protections   { 
    grid-area: protections;
    width: 100%;
    height: 100%;
    
  }
  .calling911    { 
    grid-area: calling911;
    width: 100%;
    height: 100%;
   
  }
  .exception     { 
    grid-area: exception;
    width: 100%;
    height: 100%;

  }
}

/*
Theme Name: Keep The Party Safe
Theme URI: https://keepthepartysafe.com
Author: Keep The Party Safe Team
Author URI: https://keepthepartysafe.com
Description: A custom WordPress theme for Keep The Party Safe built with Tailwind CSS
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: keepthepartysafe
*/

/* 
This file is intentionally left empty as we're using Tailwind CSS.
The actual styles are compiled from src/styles/style.css to dist/css/style.css
*/