* {
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;  	 
    font-style: normal;
    font-size: 13px;
    line-height: 1.7;
    background: #101010;
    color: #0E0D0D;
}

img.vapaa {
    display: block;
    margin: auto;
    width: 100%;
    /*max-width: 400px; /* ei kasvata kuvan määriteltyä maksimikokoa 
    height: 100%;
    max-height: 100%; */
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Amatic SC", serif;
}

h1.kuva{
    font-size:64px;
    color: #fff;
}

h1.valkoinen,h2.valkoinen,h3.valkoinen,h4.valkoinen,h5.valkoinen,h6.valkoinen{
    color: #fff;
}

font.navi {
   color: #F44336;
   text-decoration: none;
}

p.ingressi {
    font-size: 17px;
    line-height: 1.5;
    color: #0E0D0D;
}

p.footer {
    font-size: 13px;
    line-height: 1.7;
    color: #fff;
}


A:link, A:visited, A:hover {
   color: #F44336;
   text-decoration: none;
}

A:hover {
    color: #C3C3C3;
}

.navbar-brand {
    font-family: "Amatic SC", serif;
    font-size:34px;
    color: #fff;
}

td.ikoni2 {
    background-size: 100px;
    background-repeat: no-repeat;
    background-position : center;
    border: 3px solid #fff;
}

textarea.database { 
    left: 0; 
    top: 0; 
    position: absolute;
    visibility: hidden;
}

.container-fluid-fix {
    padding: 50px 0px 0px 0px;
    border: 0px solid green;
}
          
.container-fluid-max {
    margin: auto;
    width: 100%;
    max-width: 1024px;
    border: 0px solid green;
    padding: 20px 30px 30px 30px;
}

.container-fluid-max0 {
    margin: auto;
    width: 100%;
    max-width: 1024px;
    border: 0px solid green;
    padding: 50px 0px 0px 0px;
}

.container-fluid-tausta {
    padding: 0px;
} 

.tausta_fc {
    background-repeat: no-repeat;
    background-image: url(tausta/tausta1.jpg);
    background-position: center;
    background-position: top;
}

.bg-grey {
    background-color: #efefef;
}

.bg-black {
    background-color: #000000;
}

.bg-playground {
    background-color: #000;
}

.bg-col {
    background-color: #f1e6e2;
}

.bg-white {
    background-color: #fff;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
}

  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #C10000;
  }
  .carousel-indicators li {
      border-color: #C10000;
  }
  .carousel-indicators li.active {
      background-color: #C10000;
  }  
  .carousel-inner img {
      /*-webkit-filter: grayscale(100%);
      filter: grayscale(100%); /* make all photos black and white */ 
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
  }
  
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #C10000;
  }