body {
  
}

.jooa .jumbotron.header1 {
  background-image: url(images/illustration-triangles.png);
  background-size: cover;
  min-height: 450px;
  margin-bottom: 0;
}

.jooa .jumbotron.header1 .container {
  padding-top: 30px;
  color: white;
}

.jooa h1 {
  color: white;
}


.jooa .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.jooa .joht {
  /*margin-top: 50px;*/
  padding: 30px 0;
  /*min-height: 300px;*/
  background-color: #dddddd;
}


.jooa .esim {
  /*margin-top: 50px;*/
  padding: 30px 0;
  /*min-height: 300px;*/
  background-color: ;
}


.jooa .oske {
  /*margin-top: 50px;*/
  padding: 30px 0;
  /*min-height: 300px;*/
  background-color: #add3ea;
}

.jooa .ritv {
  /*margin-top: 50px;*/
  padding: 30px 0;
  /*min-height: 300px;*/
  background-color: white;
}


.jooa .ritv img {
  max-width: 200px;
}


.jooa .julk {
  /*margin-top: 50px;*/
  padding: 30px 0;
  /*min-height: 300px;*/
  background-color: #CCCCCC;
}

.jooa .yhte {
  /*margin-top: 50px;*/
  padding-top: 15px;
  color: #999999;
  padding: 30px 0;
  /*min-height: 300px;*/
  background-color: #000000;
}

.jooa .yhte h2 {
  /* margin-top: 0px;
  font-size: 16px; */
}

.jooa .yhte table {
  width: 100%;
  table-layout: fixed;
}

.jooa .yhte div {
  /* text-align: center; */
  font-family: 'Dosis', sans-serif;
  font-weight: bold;
  font-size: 35px;
}



.jooa > footer {
  margin-top: 0px;
  padding: 20px 0;
  /* min-height: 300px; */
  background-color:dimgray;
}

.jooa > footer .copy {
  margin-top: 50px;
}

.jooa img.book_cover {
  height: 70px;
  margin: 5px 15px 5px 5px;
}