p {font-size: 16px;}
/*-----containers in tabs=------*/
.text-container {
  width: 100%;
}

.text-right-container, .text-left-container {
  float:left;
  align-self: center;
  text-align: center;
  text-decoration: none;
  list-style: none;
  width: 50%;

}

/*------TABS--------*/
.tabs-container {
  width: 95%;
  margin: 0 auto;
  position: relative;
  display: flex;
  min-height: 70vh;
  overflow:auto;
  border-radius: 10px;
}

.tab-content-background {
  background-color: rgba(1,1,1,0.5);
  border-radius: 5px;
  width: 100%;
  height: 60vh;
  min-height: 300px;
  z-index: 1;
  overflow: hidden;

}
.tab-content-background a {
float: right;
margin: 5%;
}
.tab-content-background a:hover {
transform: scale(1.1);
}
.tab-content-background a img{
  border-radius: 15%;
}

/*-----MEDIA-----*/

@media (max-width: 1160px) {
  .text-left-container, .text-right-container {
    float: none;
    width: 80%;
    margin: auto;
  }
  .tab-content-background {
    overflow: scroll;
  }
}
@media (max-width: 730px) {
  .text-left-container, .text-right-container {
    float: none;
    width: 100%;
    margin: auto;
  }
  .tab-content-background {
    overflow: scroll;
  }
}

@media (max-height: 480px) {
  .tab-content-background {
    overflow: scroll;
  }
  .tabs-container {
    min-height: 90vh;
  }
  .tab-content-background {
    height: 90vh;
  }
}

@media (max-height: 370px) and (max-width: 729px){
  .tabs-container {
    min-height: 110vh;
  }
  .tab-content-background {
    height: 110vh;
  }
  .tabs-tab label {
    padding-top: 16px;
  }
}
@media (max-height: 300px) and (max-width: 729px) {
  .tabs-container {
    min-height: 120vh;
  }
  .tab-content-background {
    height: 120vh;
  }
}