.site-grid {
    max-width: 1400px; 
    margin-left: auto;
    margin-right: auto;
}


p.mainslogen {
  
  font-size: 50px;
  line-height: 55px;
  
}

p.subslogen {
	
  font-size: 30px;
  line-height: 30px;
	
	
}

/** hr.topvonal {
  
  height: 5px;
  background-color: #0967d2;
  border: none;
  opacity: 1; 
  
} */

.card {
  
  border: 0px;
  border-radius: 0px
  
}

.card-body

{
  padding: 0rem;
  
}

/** .grid-child.container-top-a {
   
  font-size: 30px; 
  margin-top: -30px;
  margin-bottom: -18px;
  
}

.grid-child.container-top-b {
  
  margin-top: -18px;
  margin-bottom: -20px; 
    
} */

.kiemeles { 
  display: block;
  margin-bottom: 1em;
  margin-top:1em;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 18px;
  color: #333333;
  background-color: #FCFCFC;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,0.15);
  
}

.marklevel1 { 
  display: block;
/**  margin-top: 1em; */
  margin-bottom: 1em;
/**  margin-left: 30px; */
/**  margin-right: 30px; */
  padding: 20px;
  text-align: left;
  font-size: 18px;
  color: #f3f3f3;
  background-color: #01489a;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.45);
}

.marklevel2 { 
  display: block;
/**  margin-top: 1em; */
  margin-bottom: 1em;
/**  margin-left: 30px; */
/**  margin-right: 30px; */
  padding: 20px;
  text-align: left;
  font-size: 18px;
  color: #f3f3f3;
  background-color: #b38002;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.45);
}


.marklevel3 { 
  display: block;
/**  margin-top: 1em; */
  margin-bottom: 1em;
/**  margin-left: 30px; */
/**  margin-right: 30px; */
  padding: 20px;
  text-align: left;
  font-size: 18px;
  color: #f3f3f3;
  background-color: #9a0000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.45);
}