/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
  border: none;
}

.hero-button {
  color: #fff;
  background-color: #F38630;
  font-size: 1.2em;
}

/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.blue {
  color: #53777A;
}

.beez {
  color: #D95B43;
}

.red {
  color: #C02942;
}


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 2rem 0 1rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/*.container {*/
/*  max-width: 95%;*/
/*}*/

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero-bg-image {
    background: linear-gradient(
      rgba(105, 210, 231, 0.30), 
      rgba(105, 210, 231, 0.30)
    ), url('/images/bg1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hero-heading {
    color: white;
    text-align: center;
}

.hero-description {
  opacity: .8;
  font-weight: 300;
  color: white;
  text-align: center;
}


/* Üldinfo
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.justify {
  text-align: justify;
  text-justify: inter-word;
}

/* Table
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table a {
  font-size: 1.5em;
  text-decoration: none;
  color: #286090;
}

.icons {
  font-size: 2.5em;
  padding-left: 8px;
}

table span {
  padding: 3px 6px;
  background-color: #0048bc;
  font-size: 2rem;
  color: white;
  border-radius: 5px;
  font-weight: bold;
}

/* Organisatsioonid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.organisatsioonid h5 {
  padding: 0px;
  margin: 0px;
}

table.organisatsioonid td:nth-child(2) {
  text-align: center;
}

table.organisatsioonid th:nth-child(2) {
  text-align: center;
}

table.organisatsioonid td {
  padding: 0px 5px;
}

table.organisatsioonid th {
  padding: 0px 5px;
}

/* Külalisõhtud
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.kyl td {
  padding: 2px 4px;
}
table.kyl th {
  padding: 0px 2px;
}

.container-kyl {
  max-width: 300rem;
}

table.kyl td:nth-child(4) {
  text-align: center;
}

table.kyl th:nth-child(4) {
  text-align: center;
}

table.kyl a {
  font-size: 1em;
  text-decoration: none;
  color: #286090;
}

/* Labels
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
/*--Male label label-primary--*/
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
/*--Female label label-danger--*/
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
  background-color: #69d2e7;
  color: #fff;
  margin-bottom: 0px;
  height: 2em;
  text-align: center;
}

footer p {
  margin-bottom: 0px;
}


/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 4rem 0 3rem;
  }
  .hero {
    padding-bottom: 17rem;
    text-align: center;
    height: 165px;
  }
  .hero-heading {
    font-size: 2.4rem;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 190px;
  }
  .hero-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 6rem 0 5rem;
  }
  .hero {
    padding: 16rem 0 17rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 7rem 0 6rem;
  }
  .hero {
    padding: 15rem 0 20rem;
  }
  .hero-heading {
    font-size: 3.0rem;
  }
}