* {
    margin: 0; padding: 0;
      }
      .kokohomma {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
      }
   
      
      .card {
        white-space: nowrap;
        background-color: #eef4f199;
        border-radius: 10px 0px 0px 10px;
        display: flex; flex-direction: column;
        box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.611);
        max-width:400px;
		  width: 95vw;
        height: 500px;
        margin-bottom: 20px; margin-top: 100px; 
        text-align: center;
        justify-content: center; align-items: center;
      }
      
      .card img {
        width: 250px;
        height: 250px;
        object-fit: cover; 
        border-radius: 10px;
        margin-bottom: 10px;
      }
      
      .card p {
        margin-bottom: 5px; font-size: 20px;
      }

      .card p,
      .card h2 {
       color:rgb(0, 0, 0); font-family: 'Times New Roman', serif;
      }
      .card h2 {
        font-size: 26px; 
		  text-decoration: underline;
        margin-bottom: 20px; 
		  color:rgba(117, 17, 2, 0.83);
       
      }
      
      .card strong {
        font-weight: bold;
      }

      .lopputulema99 {
        white-space: normal;
        background-color: #eef4f199;
        border-radius: 0px 10px 10px 0px;
        display: flex; flex-direction: column;
        align-items: center; justify-content: center;
        box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.611);
        width:500px;
        height: 500px;
        margin-bottom: 20px; margin-top: 100px; margin-left: 0px;
        text-align: center;
		  
		 
      }

.txtcntainer99 {
	max-height: 320px;
	padding: 10px;
	overflow: auto;  
}

      .lopputulema99 p {
		  margin-left: 5px;
		  margin-right: 5px;
		 background-color: rgba(255, 255, 255, 0.705);
		  padding: 10px;
		  margin-left: 20px;
		  margin-right: 20px;
		  border-radius: 20px;
      }

      .lopputulema99 h1 {
		   white-space: nowrap;
		  padding-top: 15px;
        font-size: 38px; 
        margin-bottom: 20px; color:rgba(0, 0, 0, 0.83);

      }





    

@media (max-width: 920px) {
	.txtcntainer99 {
	height: auto;
	padding: 10px;
	overflow: auto;
		 margin-bottom: 10px; 
}
  .kokohomma {
    flex-direction: column;
  }
  .card {
    border-radius: 10px 10px 0px 0px;
    box-shadow: none;
    max-width:500px;
    
    height: 400px;
    margin-bottom: 0px; 
    box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.611);

  }
	      .lopputulema99 p {

		  margin-left: 0px;
		  margin-right: 0px;
		
      }
  .card img {
    max-width: 250px;
    max-height: 250px;
    width: 80vw;
    height: 80vw;
    object-fit: cover; 
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .lopputulema99 {
    max-width:500px;
    width: 95vw;
    margin-top: 0px;
    border-radius: 0px 0px 20px 20px;
    height: auto; 
	  overflow: visible;
  }
	  .lopputulema99 p {
border-radius: 0px 0px 20px 20px;
		  margin-bottom: 10px;
  }

}
     @media (max-width: 470px) {
		 .nimitxttrn { 
		 	font-size: 7vw
		 }
		 .card h2 { 
		 	font-size: 7vw
		 }
      .lopputulema99 h1 {
        font-size: 6vw; 
        margin-bottom: 20px; color:rgba(0, 0, 0, 0.83);
    
      }

     }