/* GENERAL */

@font-face {
     font-family: 'futura';
     src: url('../fonts/book.ttf');
 }

 @font-face {
     font-family: 'futura-italic';
     src: url('../fonts/book_italic.ttf');
 }

 @font-face {
     font-family: 'futura-medium';
     src: url('../fonts/medium_bt.ttf');
 }

 @font-face {
     font-family: 'futura-light';
     src: url('../fonts/light-bt.ttf');
 }

 @font-face {
     font-family: 'futura-light-italic';
     src: url('../fonts/light-italic.ttf');
 }

html, body, .main {
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding-top: 5%;
}

 .toolbar {
    width: 100%;
    height: 20%;
 }

/* MAIN */

 .row {
    padding-top: 33.5%;
    width: 100%;
    height: 100%;
 }

 .item {
    width: 50%;
    height: 100%;
    float: left;
    margin: 0 auto;
}

 .item_image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-height: 50px;
    min-width: 50px;
 }

 .img1 {
    background-image: url("../media/timetable.png");
 }

  .img2 {
    background-image: url("../media/gallery.png");
 }

 .img3 {
    background-image: url("../media/taekwondo.png");
 }

 .img4 {
    background-image: url("../media/yamaf.png");
 }

 .item_text {
    font-size: 1em;
    font-family: 'futura';
    text-align: center;
 }

 .contact_button {
    width: 100%;
    height: 25%;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #d9534f;
    bottom: 0;
 }

 .contact_button > div {
    text-align: center;
    font-family: 'futura-medium';
    font-size: 2em;
    color: #fff;
    margin: 0;
 }

 .center_image {
    width: auto;
    height: auto;
    display:block;
    margin:auto;
    object-fit: contain;
 }

 /* CONTACT */

 .map {
    height: 100%;
    min-height: 220px;
 }

 .data_row {
    padding-top: 10%;
    width: 100%;
    height: 100%;
    text-align: center;
 }

/*TAEKWONDO*/

.taekwondo_screen {
  margin-top: -10% !important;
  width: 100%;
  min-height: 200px;
  background-image: url("../demo/img/Untitled-2.jpg");
  text-align: center;
  color: #000;
}

.taekwondo_screen h3 {
  padding-top: 15%;
}


.nav {
  width: 100%;
  float: left;
}


.taekwondo_left, .taekwondo_right {
  padding-top: 25%;
  width: 10%;
  display: block;
  float: left;
  font-size: 2em;
}

.taekwondo_left > a, .taekwondo_right > a {
   text-decoration: none;
   color: #666;
}

.taekwondo_text {
  display: block;
  float: left;
  width: 80%;
  padding-top: 10%;
  padding-bottom: 20%;
}

.taekwondo_audio input {
  margin: -1% !important;
  padding: 5% 0;
  width: 102%;
  color: #fff;
  font-size: 2em;
  background-color: #d9534f;
  font-family: 'futura-medium';
}

/* YAMAF */

.yamaf_text {
  margin-top: -5% !important;
  margin-right: -1%;
  text-align: center;
  background-color: #d9534f;
  color: #fff;
  padding: 5% 0;
}

.yamaf_masters, .yamaf_achievments, .pseudo_yamaf_masters {
  width: 100%;
  text-align: center;
}

.yamaf_masters h3{
  text-align: center;
  color: #666;
}

.pseudo_yamaf_masters > div {
  font-size: 2em;
  margin: 0 auto;
  padding: 0 4%;
  display: inline-block;
  color: #666;
}

.yamaf_img_master {
  margin: 0 auto;
  display: inline-block;
  height: 175px;
  width: 175px;
  border-radius: 50%;
}

.master_1 {
  background-image: url("../media/gopi.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.master_2 {
  background-image: url("../media/jennet.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.clearfix {
  overflow: auto;
  width: 100%;
  height:1px;
  border-bottom: 1px solid #333;
  padding-top: 5%;
}



.yamaf_main {
  margin-top: 10%;
  background: #999;
  padding-bottom: 20%;
}

.yamaf_main h3 {
  padding-top: 5%;
  text-align: center;
  color: #fff;
}

.achievments_img {
  text-align: center;
  width: 80%;
  display: block;
  float: left;
}

.yamaf_img_achievment {
  display: none;
  margin: 0 auto;
  height: 125px;
  width: 125px;
  border-radius: 50%;
  padding: 0 4%;
}

.achievments_left, .achievments_right {
  float: left;
  width: 10%;
  display: block;
  padding-top: 5%;
  font-size: 2em;
  color: #fff;
}

.pseudo_yamaf_achievments {
  padding-top: 15%;
  text-align: center;
  width: 100%;
  display: block;
}

.pseudo_yamaf_text {
  display: none;
  margin: 0 auto;
  color: #fff;
  padding: 0 10%;
}

/* Master */

.specific_master_img {
  padding-top: 20%;
  width: 100%;
  text-align: center;
  background-color: #999;
}

.specific_yamaf_img_master {
  margin: 0 auto;
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

.master_text {
  padding: 15% 10%;
}

/* Gallery */

 .group_row {
    padding-top: 15%;
    width: 100%;
    height: 100%;
 }

 ul, li {
  list-style-type: none;
}

.demo-gallery {
  padding-top: 5%;
  padding-bottom: 20%;
}