html {
  background-color: white;
}

.bib-regions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  align-items: top;
  flex-wrap: wrap;  
}
.bib-tabl {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid orange;
  font-size: 15px;
}
.bib-tabl tr td, .bib-tabl tr th {
  padding: 3px;
  text-align: center;
  border: 1px solid orange;
}
.ev-back {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  /*justify-content: center;*/
  align-items: center;
  flex-wrap: nowrap;
  background-color: white;
}

.ev-box { 
  position: relative;
  border: solid 1px #0448C7;
  box-shadow: 0 0 7px 10px rgba(122,122,122,0.3);
  font-family: 'PT Sans';
  font-size: 22px;
  height: 100%;
  color: black;
  min-width: 600px;
  max-width: 800px;
  min-height: 900px;
  padding-left: 10px;
  padding-right: 10px;
  text-indent: 0px;
  /*margin: 0 auto;*/
  /*box-shadow: 0 0 5px 10px white;*/
}
.ev-box > p {
  text-align: justify;
  text-indent: 25px;
}
.ev-box > .ph-rtos {
  text-align: center;
  text-indent: 0;
}
.ev-box-noks {
  position: relative;
  border: solid 1px #0448C7;
  box-shadow: 0 0 7px 10px rgba(122,122,122,0.3);
  font-family: 'PT Sans';
  font-size: 22px;
  height: 100%;
  color: black;
  min-width: 200px;
  max-width: 800px;
  min-height: 900px;
  padding-left: 10px;
  padding-right: 10px;
  /*margin: 0 auto;*/  
}
.section-head {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 700;
  font-size: 25px;
  text-indent: 0;
}

.t-banner {
  background-image: url(/img/top-banner.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
}

.t-banner2 {
  background-image: url(/img/craft/top-banner2.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.t-banner3 {
  background-image: url(/img/rev/top-banner3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.t-banner4 {
  background-image: url(/img/zab/top-banner4.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.t-banner5 {
  background-image: url(/img/lit/top-banner5.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.t-banner6 {
  background-image: url(/img/cok/top-banner6.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.t-banner7 {
  background-image: url(/img/art/top-banner7.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.t-banner8 {
  background-image: url(/img/ino/top-banner8.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.t-banner9 {
  background-image: url(/img/podcast/top-banner9.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 290px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.ev-mar {
  height: 50px;
}
.ev-link {
  text-decoration: none;
  color: black;
}



.d-flag {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;  
  
  position: absolute;
  bottom: 0%;
  width: 97%;
}



.ev-ban-2 {
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  bottom: 15%;
  
  width: 97%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  align-items: top;
  flex-wrap: nowrap;
  margin-top: 40px;
  border-radius: 10px;    
  background-color: #FFF9F4;
  border: 1px solid #0F4D80;
  /*box-shadow: 0 0 5px 10px #FFF5F4;*/
}

.ev-ban-3 {
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  
  
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  align-items: top;
  flex-wrap: nowrap;
  margin-top: 40px;
  margin-bottom: 10px;
  border-radius: 10px;    
  background-color: #FFF9F4;
  border: 1px solid #0F4D80;
  /*box-shadow: 0 0 5px 10px #FFF5F4;*/
}

.d-flag-3 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  width: 100%;
}

@media screen and (max-width: 700px) {
  .t-banner {
    height: 120px;
  }
  .d-flag {
    width: 95%;
  }
  .ev-ban-2 {
    position: static;
    width: 95%;
  }
  .d-flag {
    position: static;
    margin-top: 10px;
  }
  .t-banner2 {
    height: 200px;
  }
  .t-banner3, .t-banner4, .t-banner5, .t-banner7, .t-banner8,.t-banner9 {
    height: 150px;
  }

  .ev-box {
    min-width: 200px;
  }
  .bib-tabl {
    font-size: 10px;
  }
  .section-head-ph {
    font-size: 15px;
  }
  .section-head-ph2 {
    font-size: 20px;
  }
  .btn2 {
    font-size: 15px;
  }
.bib-regions {
  gap: 5px;
}