﻿.membershipTerms {
  display: flex;
  position: relative;
  padding: 60px 0 90px;
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
  align-items: start;
  flex-wrap: wrap;
  font-size: 15px;
  color: gray;
  line-height: 3ch;
}
.membershipTerms .membershipTerms_menu {
  width: 16.67%;
  position: sticky;
  padding-right: 15px;
  margin-bottom: 50px;
  display: block;
  top: 140px;
}
.membershipTerms .membershipTerms_menu .choosenPage {
  color: #FF9800;
}
.membershipTerms .membershipTerms_menu .otherterm {
  text-decoration: none;
  color: gray;
}
.membershipTerms .membershipTerms_menu .otherterm:hover {
  text-decoration: underline;
}
.membershipTerms .membershipTerms_menu li {
  margin-bottom: 10px;
  list-style: none;
}
.membershipTerms .membershipTerms_content {
  width: 66.67%;
  padding: 0;
  text-align: left;
}
.membershipTerms .membershipTerms_content h1 {
  font-size: 25px;
  margin-bottom: 15px;
  color: black;
}
.membershipTerms .membershipTerms_content h2,
.membershipTerms .membershipTerms_content h3 {
  font-size: 15px;
  margin-bottom: 15px;
  color: black;
}
.membershipTerms .membershipTerms_content p {
  margin-bottom: 30px;
}
.membershipTerms .membershipTerms_content div {
  margin-bottom: 15px;
}
.membershipTerms .membershipTerms_content ol li {
  margin-bottom: 10px;
  list-style: auto;
}
.membershipTerms .membershipTerms_content ul li {
  margin-bottom: 10px;
  list-style: disc;
}

.position-relative {
  padding-bottom: 50px;
}
.position-relative a {
  text-decoration: none;
  color: #FF9800;
}
.position-relative button {
  border: 1px solid #FF9800;
  color: #FF9800;
}
.position-relative button:hover {
  background-color: #FF9800;
  color: white;
}

@media (max-width: 768px) {
  .phone_type {
    padding-left: 0px;
  }
  .membershipTerms {
    display: block;
    padding: 20px 0;
    max-width: 100%;
  }
  .membershipTerms .membershipTerms_menu {
    width: 100%;
    position: relative;
    padding-right: 0;
    margin-bottom: 20px;
    top: auto;
  }
  .membershipTerms .membershipTerms_content {
    width: 100%;
    padding: 0;
    text-align: left;
  }
}
