body {
    margin: 0;
  
    font-family: Arial;
    background-image: url('tausta-indexfi.jpg');
    background-size: cover;

    background-repeat: no-repeat;
    /* Make the background image cover the entire area */
    background-position: top center;
/* Center the background image */


}
h1{
    color: white;
    font-family: "Yrsa", serif;
    font-weight: 600;
    padding-top: 1vh;
    padding-bottom: 1vh;
    font-size: 3em;
 
    
}
.title-h2{
    margin-block-start: 0.9em;
    margin-block-end: 0.9em;

font-size: 2em;
}

h2{
    margin-block-start: 0.9em;
    margin-block-end: 0.4em;
      
       color: rgb(15, 92, 159);
       font-family: "Yrsa", serif;   
   }
   hr {
       height: 1px;
       background-color: rgba(126, 149, 192, 0.721);
       border: none;
       max-width: 100vw;
   }

.container{
    margin-bottom: 15vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    
}




.container-background{
    max-width: 68%;
    background-color: white;
    border-radius: 30px;
    padding: 25px;
    padding-left: 5%;
    padding-right: 5%;
    box-shadow: 0 5px 10px rgba(14, 47, 88, 0.348);
    margin-right: 5%;
    margin-left: 5%;
}


.container-text{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 4vh;
  
 
   
   }




@media screen and (max-width:799px) {
    body {
              background-image: url('tausta-indexfi-mobile-2.jpg');
              background-size: cover;
          }
     
  .title-h2{
    margin-block-end: 0.6em;
    font-size: 1.7em;
  }
  h2{
      text-align: center;
      
      
  }
          .container-text-box{
              max-width: 100vw;
            
            }
  
            .container-background{
              border-radius: 30px;
              background-color: white;
              margin:2vh;
              padding: 3vh;
              padding-left: 10%;
              padding-right: 10%;
              padding-bottom: 10%;
              
          }
        
       
          .container{
              padding-top: 10vh;
              margin-bottom: 8vh;
         
              
          }
          .container-text{
              display: flex;
              flex-direction: column;
             
             }
      }