* {
    box-sizing: border-box;
}

.services {
    padding: 0px;
    font-family: Arial;
}

/* Center website */
.main {
    max-width: 1000px;
    margin: auto;
}

h1 {
    font-size: 50px;;
}

.row {
    margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
    padding: 5px;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 33.33%;
    display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {
    background-color: rgb(253, 254, 255);
    padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}
/* Style the buttons */
.btn1 {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}
.btn1:hover {
  background-color: rgb(255, 225, 168);
  width: 100%;
} 
.btn1 .active1 {
  background-color: rgb(70, 125, 243);
  color: white;
  width: 100%;
}
.myBtnContainer{
    float: right;
    width: 100%;
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {font-size: 15px}
  }
       .btn1.active1 {
        background-color: rgb(70, 125, 243);
        color: white;
      }
      .img {
        width: 100%;
    }
  /* Media queries */
  @media(max-width: 768px){
      .column{
          float:none;
          text-align:center;
          width: 100%;
      }
      .myBtnContainer{
        float: none;
        width: 100%;
    }
  .img {
      width: 100%;
  }
  }