body {
      
  display: flex;
  justify-content: center;
   font-family: 'Overpass', sans-serif;

}
.container{
    max-width: 1200px;
    text-align: center;
   

}
.row{
    display: flex;
    justify-content: center;
}

.circle {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle2 {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

img.logo{
    width: 300px;
    background-color: #0099cc;
}

.turkoosi {
      background: #0099cc;
      color: #ffffff;

}
.mustikka {
      background:  #042546;
      color: #ffffff;
}
.petrooli{
      background:  #8cc1b3;
      color:  #042546;;
}

.fuksia{
      background:  #a5407b;;
      color:  #ffffff;;
}
.idea{
      background:  #f4d240;
      color:  #042546;;
}
.havunvihrea{
      background:  #397368;;
      color:  #ffffff;;
}


h1.Quicksand, h2.Quicksand, h3.Quicksand {
  font-family: 'Quicksand', sans-serif;
}

h1.Overpass, h2.Overpass, h3.Overpass {
  font-family: 'Overpass', sans-serif;
}

h1.Caveat, h2.Caveat, h3.Caveat {
  font-family: 'Caveat Brush', cursive;
  font-weight: normal;
}