/*
 * @file
 * Provides the layout styles for sitec_two_col_section_left.
 */

 @media only screen and (min-width: 575px) {

 .layout--sitec_two_col_section_left {
   display: grid;
   grid-template-columns: 70% 30%;
   grid-gap: 10px;
 }
  .layout__region--secondL{
    grid-column: 1;
    grid-row: 2 / 4;
  }


  .container.layout--sitec_two_col_section_left:before,
  .container.layout--sitec_two_col_section_left:after{
     display: none;
  }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 575px) {
  /* Styles */
  .layout--sitec_two_col_section_left { 
      display: flex;
      flex-direction: column;
   }

   .layout__regionL:first-child {
      order: 1;
   }
   .layout__regionL:nth-child(2) {
      order: 3;
   }
   .layout__regionL:nth-child(3) {
      order: 2;
   }
   .layout__regionL:nth-child(4) {
      order: 4;
   }
 
}

 @media only screen and (min-width: 320px) and (max-width: 575px) {
  /* Styles */
  .layout--sitec_two_col_section_left { 
   display: flex;
   flex-direction: column;
}

   .layout__regionL:first-child {
      order: 1;
   }
   .layout__regionL:nth-child(2) {
      order: 3;
   }
   .layout__regionL:nth-child(3) {
      order: 2;
   }
   .layout__region:nth-child(4) {
      order: 4;
   }
 }