.navbar-custom {
    color: #FFFFFF;
/*    background-color: #000000;*/
	font-size: 16px;
	border: 0px; 
/*    background:transparent;*/
	background: rgba(0, 0, 0, 1.0);
    background-image:none;
    border-color:transparent;
    box-shadow:none;
}

.kielivalinnat{
  font-family: Georgia, serif;
  font-size: 12px;
  color: white;
  padding-top: 5px;
  padding-left: 10px; 
  padding-right: 10px;
  padding-bottom: 0px;
  text-align: right;
/*  background-color: black;*/
  position: absolute;
  top: 0;
  right: 0;
}


.otsikko_kuva {
	display: block;
    object-fit: cover;
	height: 250px;
    /*width: 1000px;*/
/*	margin: auto;*/
    margin-top: -20px;
}

.valiotsikko_kuva {
	display: block;
    object-fit: cover;
	height: 170px;
    /*width: 1000px;*/
	margin: auto;
}

a.linkki:link, a.linkki:visited {
   color: white; 
   text-decoration: underline;
}

.nuoli-kuva {
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;   
}

.striimaus_kuva {
    height: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.email_kuva {
    width: auto;
	height: 20px;
    margin-bottom: 3px;
}


.otsikon_reunat{
  min-width: 300px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 480px;
}

.valiotsikon_reunat{
  min-width: 300px;
  height: 150px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.teos_kuva {
/*	display: block;*/
/*    object-fit: contain;*/
	max-height: 400px;
/*    max-width: 500px;*/
/*	margin: auto;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.tuote_kuva {
    height: 140px;   
    object-fit: contain;	
    display: block;
/*    margin-right: auto;
    margin-left: auto; */
    
    margin-top: auto;*/
    margin-bottom: auto;
}

.tuote_kirja {
    margin-left: 30px;
}

.tuote_levy {
    margin-left: 7px;
}


.tuote_solu {
    width: 170px; 
    height: 150px;
    text-align: center; 
    vertical-align: middle;
/*    border: 1px solid red;*/
}

.teos_koko{
  min-width: 300px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 30px;

/*    
  padding-bottom: 100%;
  margin-bottom: -100%;    
  overflow: hidden;        
*/
}

.teos_otsikko{
  font-family: Georgia, serif;
  font-size: 20px;
  color: white;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: middle;
  border: 0px;
  height: 125px;
}
    
.nuoli_reunat{
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
}

.kuva_align{
  text-align: center;
}


.otsikon_taustakuva {
  background: url("../img/Tuuli2.jpg");
  background-repeat: no-repeat;
  background-color: black;
/*  background-attachment: local;*/
  background-size: cover;
/*  background-position: top;*/
 background-position: 50% 29%;

}

.teksti_blokki{
  font-family: Georgia, serif;
  font-size: 18px;
  color: white;
  padding-top: 20px;
  padding-left: 20px; 
  padding-right: 20px;
  padding-bottom: 40px;
  text-align: center;
}

.tuote_teksti_blokki{
  font-family: Georgia, serif;
  font-size: 18px;
  color: white;
  padding-top: 0px;
  padding-left: 10px; 
  padding-right: 10px;
  padding-bottom: 0px;
  text-align: center;
}

.teos_otsikko_rivi{
  height: 125px; 
}

.teos_otsikko{
  text-align: center;  
  font-family: Georgia, serif;
  font-size: 30px;
  color: white;
  padding-top: 20px;
  padding-left: 0px; 
  padding-right: 0px;
  padding-bottom: 20px;
}

.teos{
   width: 100%; 
   text-align: center;
   display: block;
}

.teos_tausta{
    background-color: rgb(24,29,35);
} 

.tuote_tausta{
    background-color: rgb(24,29,35);
    padding: 3%;
}

.teos_reunat{
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-top: 0px;
}  

.tuotteet_reunat{
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 0px;
    padding-top: 0px;
} 

.tuote_reunat {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1%; 
    padding-top: 0px;
}

.musta_tausta{
   background-color: black;
   border: 0px;
}

.valkoinen_tausta{
/*   background-color: white;*/
   background-color: rgb(35,43,53);
   border: 0px;
}

.rivi {
  border: 0px;
}


/* Debuggausta varten tästä voi kääntää elementtien rajat näkyviin */
.reunat {
/*  border: 1px solid red;*/
}

/* Poistaa bootstrapin automaattisen sarakkeiden paddingin" */
.col_padding {
  padding: 0px;
}