/* three columns with teaser layout */

#col1 {
  width: 100%;
  margin: 0px; 
}

#col2 {
  width: 50%;
  margin: 0px;
}

#col3 {
  margin: 0px;
  width: 50%;
}

#col4 {
  width: calc(100% - 20px);
  margin: 10px;
}

/*Desktop positioning */
@media (min-width: 768px) {
  #col1 {
    width: 50%;
    margin: 0px; 
    left: 25%;
  }

  #col2 {
    width: 25%;
    margin: 0px;
    left: -50%;  
  }

  #col3 {
    margin: 0px;
    width: 25%;
    left: 0%;
  }
}