h1 {
  font-size: 72px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

label {
  font-size: 14px;
}

p {
  font-size: 14px;
}

nav ul>li>a {
  font-size: 12px;
}

a {
  font-size: 12px;
}

/* -- col-xlumns -- */

.col-xl {
  float: left;
}

.col-xl-1_1 {
  float: none;
  width: 100%;
}

.col-xl-1_2, .col-xl-2_4, .col-xl-3_6 {
  width: 50%;
}

.col-xl-1_3, .col-xl-2_6 {
  width: 33.33333%;
}

.col-xl-2_3, .col-xl-4_6 {
  width: 66.66666%;
}

.col-xl-1_4 {
  width: 25%;
}

.col-xl-3_4 {
  width: 75%;
}

.col-xl-1_5 {
  width: 20%;
}

.col-xl-2_5 {
  width: 40%;
}

.col-xl-3_5 {
  width: 60%;
}

.col-xl-4_5 {
  width: 80%;
}

.col-xl-1_6 {
  width: 16.66667%;
}

.col-xl-5_6 {
  width: 83.33333%;
}

/* -- others -- */

.container {
  max-width: 1180px;
}

.thumbnail-box {
  width: 200px;
  height: 200px;
  background-color: var(--secondary-t-c);
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.thumbnail-box img {
  width: 100%;
}

.thumbnail-box:before {
  content: url(../images/defaults/imgcover.png);
  position: absolute;
  bottom: -5px;
}
.ihavefixedheight {
  height: 400px;
}