* {
/*  margin: 0;
  padding: 0;
  box-sizing: border-box;*/
}
.container-r {
/*  width: 40%;
  margin: 30px auto;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
}
.tabs {
  display: flex;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.tabs li {
  display: block;
  width: 30%;
  text-align: center;
  background-color: #f6f6f6;
  padding: 11px 15px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 24px; 
  font-weight:600; 
  color:#222;
}
/*.tabs li.active,
.tabs li:hover {
  background-color: #fff;
  border: none;
    border-top: 4px solid #e52828;
    transition: 0.1s;
    font-size: 24px;
    color: #e52828;
    font-weight: 600;
}*/

.tabs li.active,
.tabs li:hover {
  background-color: #fff;
  border: none;
    border-top: 4px solid #e52828;
    transition: 0.1s;
    font-size: 24px;
    color: #e52828;
    font-weight: 600;
}

.container-r .content .profile,
.container-r .content .settings,
.container-r .content .about {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container-r .content > div:not(.visible) {
  display: none;
}
.container-r .content h3 {
  margin: 15px 0;
}
.container-r .content .profile img {
  border-radius: 75px;
  margin-bottom: 25px;
}
.container-r .content .profile table {
  margin-bottom: 35px;
  width: 80%;
}
.container-r .content table td {
  padding: 7px 0;
  font-weight: 300;
  width: 180px;
}
.container-r .content .profile table td.title {
  font-weight: bold;
}
.container-r .content .profile table td:not(.title) {
  text-align: center;
}
/*.container-r .content .settings input:not([type="submit"]):not([type="reset"]) {
  padding: 3px 10px;
  outline: none;
  width: 100%;
}*/
.container-r .content hr {
  width: 100%;
  margin: 25px 0 25px;
  height: 2px;
  background-color: #1db9c3;
}
/*.container-r button,
input[type="submit"],
input[type="reset"] {
  padding: 10px 15px;
  border: none;
  border-radius: 7px;
  outline: none;
  cursor: pointer;
}
.container-r button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  letter-spacing: 1.1px;
  transition: 0.4s;
}*/
.container-r .primary {
  background-color: #00a19d;
}
.container-r .danger {
  background-color: #b61919;
  color: #fff;
}
.container-r .secondary {
  background-color: #ddd;
}
.container-r .content .settings td {
  padding: 7px 0;
}
.container-r .content p {
  padding: 50px;
  line-height: 1.5;
  text-align: center;
  font-size: 18px;
}


@media(max-width: 600px) {

.tabs li {
  width: 50%;
    padding: 11px 5px;
    font-size: 20px;
}
.tabs li.active, .tabs li:hover {
    font-size: 20px;
}

}