/**
* Smaller screens
*/
@media only screen and (max-width: 1009px) {
  .tssc-section-1-text-container {
      font-size: 12px;
  }
}

.tssc-button {
  text-align: center;
  border: solid 2px rgba(255, 69, 34, 1);
  background-color: rgba(255, 69, 34, 1);
  color: #ffffff;
  display: inline-block;
  width: 150px;
  transform: skew(-20deg);
}

.tssc-button:hover span {
  text-decoration: underline;
}

.tssc-button span {
  transform: skew(20deg);
  display: block;
}

.tssc-button a {
text-decoration: none;
color: rgba(255, 69, 34, 1);
font-weight: bold;
}

.tssc-section-1 {
  background-image: url("/images/tssc/tssc-section-1-image.webp");
  background-color: #000000; 
  height: 400px;
  /*background-position: bottom;*/
  background-repeat: no-repeat; 
  background-size: cover; 
}

.tssc-section-1-diag {
  padding: 50px 0 50px 30px;
  left: 0px;
  /*position: absolute;*/
  width: 100%;
  height: 400px;
  background: #ffffff;
  -webkit-clip-path: polygon(50% 0, 0 0, 0 400%);
  clip-path: polygon(50% 0, 0 0, 0 400%);
}

.tssc-section-1-title-container {
  margin-bottom: 50px;
}

.tssc-section-2-bg-color {
  background-color: rgba(255, 69, 34, 1);
  color: #ffffff;
}

.tssc-section-4-bg-color {
  background-color: rgba(83,124,255, 1);
  color: #ffffff;
}

.tssc-section-5-bg-color {
  background: #333;
  color: #fff;
}

.tssc-section-6-bg-color {
  background: rgba(255, 69, 34, 1);;
  color: #fff;
}

.tssc-section-7-bg-color {
  background: rgba(83,124,255, 1);;
  color: #fff;
}

.tssc-section-8-bg-color {
  background: #333;
  color: #fff;
}

.tssc-section-2-bg-color,
.tssc-section-4-bg-color,
.tssc-section-5-bg-color,
.tssc-section-6-bg-color,
.tssc-section-7-bg-color,
.tssc-section-8-bg-color {
  padding: 25px;
}

#tssc-section-2,
#tssc-section-3,
#tssc-section-4,
#tssc-section-5,
#tssc-section-6,
#tssc-section-7,
#tssc-section-8,
#tssc-section-9 {
    display: block;
    opacity: 0;
    position: relative;
    top: 100px;
}

.tssc-section-1-text-container,
.tssc-section-2-text-container,
.tssc-section-3,
.tssc-section-4-text-container,
.tssc-section-5-text-container,
.tssc-section-6-text-container,
.tssc-section-7-text-container,
.tssc-section-8-text-container {
  margin-bottom: 50px;
}

.tssc-section-2-text-container {
  margin-top: 50px;
}

.tssc-section-3 {
  background-image: url("/images/tssc/tssc-members.webp");
  background-color: #000000; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
  color: #ffffff;
}

.tssc-section-3-div-1 {
  padding: 50px;
}

.tssc-section-3-bg {
  background-color: rgba(0,0,0, .5);
}