/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

  .block{
    width: 24%;
    border-right: 1px solid #c1c1c7;
    display: table-cell; /* Make elements inside the container behave like table cells */
    margin: 0px auto;
    padding: 20px 5px;
    text-align: center;
  }
  .block-final{
    width: 24%;
    display: table-cell; /* Make elements inside the container behave like table cells */
    text-align: center;
    margin: 0px auto;
    padding: 20px 5px;
  }
  .block-container{
    margin: 0px auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
  }

/*==========================MEDIA QUERIES==============================*/

  @media only screen and (max-width: 768px) {

  .block{
    width: 80%;
    border-right: none;
    display: block;
    border-bottom: 1px solid #c1c1c7;
  }
  .block-final{
    width: 80%;
    display: block;
  }

  @media only screen and (max-width: 480px) {
   .block{
    width: 80%;
    border-bottom: 1px solid #313133;
  }
  .block-final{
    width: 80%;
  }

 
    
}