/*-----------------------------------------------------------------------------------------/
/	Staggered region                                                   
/-----------------------------------------------------------------------------------------*/  
  .staggered_region {

    position: relative;
    overflow: hidden;
    background-color: #4a4a4a;
    padding: 1.715rem;

  }
  
  .staggered_region > .wrapper {
    background-color: white;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text {
    padding: 1.715rem;
    text-align: left;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text h2 {
    text-transform: capitalize;
    margin: 0;   
    padding-bottom: 1.715rem;
    border-bottom: 3px solid #96C13D;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text > *:first-child {
    margin-top: 0px;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text > *:last-child {
    margin-bottom: 0px;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text .body {
    margin-top: 1.715rem;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text .body > *:empty {
    display: none;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text .body > *:first-child {
    margin-top: 0px;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text .body > *:last-child {
    margin-bottom: 0px;
  }
  
  .staggered_region .wrapper .staggered_wrapper_text .link {
    padding-top: 1.715rem;
  }

   
  .staggered_region .wrapper .staggered_wrapper_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 45vw;
  }
  
  .bison-field-item-paragraph--staggered_region + .bison-field-item-paragraph--staggered_region .staggered_region {
    padding-top: 0px;
  }
  
  @media only screen 
  and (min-width : 400px){
    .staggered_region {
      padding: 3.43rem;
    }
    
    .staggered_region .wrapper .staggered_wrapper_text {
      padding: 3.43rem;
    }
  }
  
  @media only screen
  and (min-width : 800px) {
    
    .staggered_region {
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      
    }
         
    
    .staggered_region:after {
      display: block;
      clear: both;
      content: '';  
    }
    
    .staggered_region .wrapper {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      max-width: 93.14rem;
    }
    
    .staggered_region .wrapper:after {
      display: block;
      clear: both;
      content: '';  
    }
    
    .staggered_region .wrapper > div {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
    }
    
    .staggered_region .wrapper .staggered_wrapper_text {
      width: 45%;
      float: right;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      padding: 0px;
    }
    
    .staggered_region .wrapper .staggered_wrapper_text h2 {
      padding-top: 3.43rem;
      padding-left: 3.43rem;
      margin-right: 3.43rem;
    }
    
    .staggered_region .wrapper .staggered_wrapper_text .body {
      padding: 3.43rem;
      padding-top: 1.715rem;
      margin-top: 0px;
    }
    
    .staggered_region .wrapper .staggered_wrapper_text .body > *:first-child {
      margin-top: 0px;
    }
    
    .staggered_region .wrapper .staggered_wrapper_text .body > *:last-child {
      margin-bottom: 0px;
    }
    
    .staggered_region .wrapper .staggered_wrapper_text .link {
      padding: 0px 3.43rem 3.43rem 3.43rem;
      margin-top: -1.715rem;
    }
    
    .staggered_region .wrapper .staggered_wrapper_image {
      width: 55%;
      height: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
    }
    
    .field-item:nth-of-type(even) .staggered_region .wrapper .staggered_wrapper_text {
      float: left;
    }
    
    .field-item:nth-of-type(even) .staggered_region .wrapper .staggered_wrapper_text h2 {
      margin-right: 0px;
      padding-left: 0px;
      padding-right: 3.43rem;
      margin-left: 3.43rem;	   
    }
    
    .field-item:nth-of-type(even) .staggered_region .wrapper .staggered_wrapper_image {
     right: 0px;
     left: inherit;
    }


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

    
    .staggered_region .wrapper .staggered_wrapper_text {
      width: 33.33%;
    }

    .staggered_region .wrapper .staggered_wrapper_image {
      width: 66.66%;

    }

  }
/*-----------------------------------------------------------------------------------------/
/	End staggered region                                                      
/-----------------------------------------------------------------------------------------*/