/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ffc40c;
  margin-bottom:1rem;
  margin-left:1rem;
  background-color: #f1f1f1;
  width:fit-content;
}

/* Style the buttons inside the tab */
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: inherit;
}

/* Change background color of buttons on hover */

/* Create an active/current tablink class */
.tab button.active {
  background-color: black;
  color:white;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  background-color:lightgrey;
  color:black;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: inherit;
  color:#24221C;
}

.topright:hover {color: red;}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.imgtile3 {
  width:200px;
  }
.imgtile4 {
  width:225px;
  }
.imgbox2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:650px;
  text-align:center;
  }
  
@media only screen and (max-width: 800px) {
.imgbox2 {
      width: 90%;
      }
  }