/* Larger than mobile */
@media (min-width: 300px) {

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  .flex-5-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }

  .flex-4-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }

  .flex-3-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }

  .flex-2-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }
}

/* Larger than tablet */
@media (min-width: 750px) {
  .flex-5-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }

  .flex-4-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }

  .flex-3-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }

  .flex-3-cols-spacer > div {
    flex: 0 1 calc(45% - 2rem);
  }

  .flex-3-cols-spacer > .spacer-container {
    flex: 0 1 calc(10% - 2rem);
  }

  .flex-2-cols > div {
    flex: 0 1 calc(50% - 2rem);
  }

  .flex-img{
    min-height:0px;
  }

  .btn-block{
    width:auto !important;
  }

}

/* Larger than desktop */
@media (min-width: 1000px) {

  .flex-5-cols > div {
    flex: 0 1 calc(33.33% - 2rem);
  }

  .flex-4-cols > div {
    flex: 0 1 calc(33.33% - 2rem);
  }

  .flex-3-cols > div {
    flex: 0 1 calc(33.33% - 2rem);
  }




  .content-s{
    width:80%  !important;
  }


}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

  .flex-4-cols > div {
    flex: 0 1 calc(25% - 2rem);
  }

  .content{
    width:80%;
    margin:0 auto;
  }



}

/* Larger than Desktop UHD */
@media (min-width: 1800px) {
  .flex-5-cols > div {
    flex: 0 1 calc(20% - 2rem);
  }

  .content{
    width:70%;
    margin:0 auto;
  }

}