/* @font-face {
  font-family: Roboto-Regular;
  src: url(font/Roboto-Regular.ttf)
}

@font-face {
  font-family: Roboto-Bold;
  src: url(font/Roboto-Bold.ttf)
}
body{
    font-family: Roboto-Regular!important;
    } */

@media only screen and (min-width: 1012px) and (max-width: 1450px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-right: 15px !important;
    padding-left: 8px !important;
  }
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  color: white;
  font-size: 20px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

#top-icon {
  height: 78px;
  width: 68px;
  margin-left: 30px;
}

.heading {
  background-color: #81a3d5;
  height: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 48px;
}

#navig {
  background-color: white;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #81a3d5;
}

#home-icon {
  height: 65px;
  width: 65px;
  margin-left: -62px;
  border-bottom: 6px solid #81a3d5;
}

#toc-icon {
  height: 55px;
  padding-left: 8%;
}

#search-icon {
  height: 55px;
  padding-left: 9%;
}

#info-icon {
  height: 62px;
  float: right;
}

#Impf {
  padding-left: 170px;
  padding-right: 200px;
  padding-top: 7px;
}

.col {
  margin-top: 0rem;
  height: 280px;
  border-color: rgb(231, 228, 228);
  border-width: 0px 1px 0px 0px;
  border-style: solid;
}

.row {
  margin-left: 50px;
  margin-right: 50px;
  border-color: rgb(204, 200, 200);
  border-width: 0px 0px 1px 0px;
  border-style: solid;
}

.col-12 {
  border-width: 0px 1px 1px 1px;
  border-color: rgb(231, 228, 228);
  border-style: solid;
  cursor: pointer;
}

/* ------------------------------------------------------------------------------------------------------- */

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 15px !important;
  padding-left: 12px !important;
}

#stiko1 {
  height: 103px;
}

#stiko2,
#stiko3,
#stiko4,
#stiko5,
#stiko6,
#stiko7,
#stiko8,
#stiko9,
#stiko10,
#stiko11,
#stiko12,
#stiko13,
#stiko14,
#stiko15 {
  height: 110px;
}

#stiko1para,
#stiko2para,
#stiko3para,
#stiko4para,
#stiko5para,
#stiko6para,
#stiko7para,
#stiko8para,
#stiko9para,
#stiko10para,
#stiko11para,
#stiko12para,
#stiko13para,
#stiko14para,
#stiko15para {
  font-size: 20px;
}

@media only screen and (min-width: 768px) /*3col*/ {
  #firstcol {
    border-width: 0px 1px 1px 0px;
  }
  #secondcol {
    border-width: 0px 1px 1px 0px;
  }
  #thirdcol {
    border-width: 0px 0px 1px 0px;
  }
  #fourthcol {
    border-width: 0px 1px 1px 0px;
  }
  #fifthcol {
    border-width: 0px 1px 1px 0px;
  }
  #sixthcol {
    border-width: 0px 0px 1px 0px;
  }
  #seventhcol {
    border-width: 0px 1px 1px 0px;
  }
  #eighthcol {
    border-width: 0px 1px 1px 0px;
  }
  #ninthcol {
    border-width: 0px 0px 1px 0px;
  }
  #tenthcol {
    border-width: 0px 1px 0px 0px;
  }
  #eleventhcol {
    border-width: 0px 1px 0px 0px;
  }
  #twelfthcol {
    border-width: 0px 0px 0px 0px;
  }
  #thirteenthcol {
    border-width: 0px 1px 0px 0px;
  }
  #fourteenthcol {
    border-width: 0px 1px 0px 0px;
  }
  #fifteenthcol {
    border-width: 0px 1px 0px 0px;
  }
}

@media only screen and (min-width: 576px) /*2col */ {
  #firstcol {
    border-width: 0px 1px 1px 0px;
  }
  #secondcol {
    border-width: 0px 0px 1px 0px;
  }
  #thirdcol {
    border-width: 0px 1px 1px 0px;
  }
  #fourthcol {
    border-width: 0px 0px 1px 0px;
  }
  #fifthcol {
    border-width: 0px 1px 1px 0px;
  }
  #sixthcol {
    border-width: 0px 0px 1px 0px;
  }
  #seventhcol {
    border-width: 0px 1px 1px 0px;
  }
  #eighthcol {
    border-width: 0px 0px 1px 0px;
  }
  #ninthcol {
    border-width: 0px 1px 1px 0px;
  }
  #tenthcol {
    border-width: 0px 0px 1px 0px;
  }
  #eleventhcol {
    border-width: 0px 1px 1px 0px;
  }
  #twelfthcol {
    border-width: 0px 0px 1px 0px;
  }
  #thirteenthcol {
    border-width: 0px 1px 0px 0px;
  }
  #fourteenthcol {
    border-width: 0px 0px 0px 0px;
  }
  #fifteenthcol {
    border-width: 0px 0px 1px 0px;
  }
}

/* ------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) /*3col*/ {
  #firstcol {
    border-width: 0px 1px 1px 0px;
  }
  #secondcol {
    border-width: 0px 0px 1px 0px;
  }
  #thirdcol {
    border-width: 0px 1px 1px 0px;
  }
  #fourthcol {
    border-width: 0px 0px 1px 0px;
  }
  #fifthcol {
    border-width: 0px 1px 1px 0px;
  }
  #sixthcol {
    border-width: 0px 0px 1px 0px;
  }
  #seventhcol {
    border-width: 0px 1px 1px 0px;
  }
  #eighthcol {
    border-width: 0px 0px 1px 0px;
  }
  #ninthcol {
    border-width: 0px 1px 1px 0px;
  }
  #tenthcol {
    border-width: 1px 0px 1px 0px;
  }
  #eleventhcol {
    border-width: 0px 1px 1px 0px;
  }
  #twelfthcol {
    border-width: 0px 0px 1px 0px;
  }
  #thirteenthcol {
    border-width: 0px 1px 0px 0px;
  }
  #fourteenthcol {
    border-width: 0px 0px 0px 0px;
  }
  #fifteenthcol {
    border-width: 1px 0px 1px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1062px) {
  #stiko1para,
  #stiko2para,
  #stiko3para,
  #stiko4para,
  #stiko5para,
  #stiko6para,
  #stiko7para,
  #stiko8para,
  #stiko9para,
  #stiko10para,
  #stiko11para,
  #stiko12para,
  #stiko13para,
  #stiko14para,
  #stiko15para {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
  #firstcol {
    border-width: 0px 1px 1px 0px;
  }
  #secondcol {
    border-width: 0px 1px 1px 0px;
  }
  #thirdcol {
    border-width: 0px 1px 1px 0px;
  }
  #fourthcol {
    border-width: 0px 1px 1px 0px;
  }
  #fifthcol {
    border-width: 0px 0px 1px 0px;
  }
  #sixthcol {
    border-width: 0px 1px 1px 0px;
  }
  #seventhcol {
    border-width: 0px 1px 1px 0px;
  }
  #eighthcol {
    border-width: 0px 1px 1px 0px;
  }
  #ninthcol {
    border-width: 0px 1px 1px 0px;
  }
  #tenthcol {
    border-width: 0px 0px 1px 0px;
  }
  #eleventhcol {
    border-width: 0px 1px 0px 0px;
  }
  #twelfthcol {
    border-width: 0px 1px 0px 0px;
  }
  #fourteenthcol {
    border-width: 0px 1px 0px 0px;
  }
  #fifteenthcol {
    border-width: 0px 0px 1px 0px;
  }
  #Impf {
    padding-left: 170px;
    padding-right: 210px;
    padding-top: 7px;
  }
}