body{
    background-color: #184971;
    font-family: 'Acumin Pro',sans-serif;
    
}


.ul{
    font-size: 0.8rem;
    color:#e4e4e4;
    text-align:left;
    margin-bottom:5rem;
    
  }

  .li{
    font-size:1rem;
  }






.container {
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    background-color: #184971;
        width: 100%;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top:2rem;   
  
     gap:2%;
     padding:0 5%;
    
}


.column img {

    
    width: 95%;
    height:auto;
    margin:0;
    height: auto;
   
      top:0;
      right:0;
      /* position:fixed; */
      margin:0 auto;
    
}
.img-column{
    flex: 1;
    width: 100%;
    padding: 10px;
    box-sizing: border-box; align-items: flex-start;
      
}

.column {
    flex: 1;
    width: 90%;
    padding: 10px;
    box-sizing: border-box;
      text-align: left;

}


h2{
    font-size: 2.5rem;
    color:#ffffff;
    margin-bottom:5rem;
    margin:0 auto;
  }

/* .company_img,.column li,h2{
    animation:fade-in 500ms ease-in;

} 
@keyframes fade-in{
    from{
       scale:.5;
       opacity:.5;
    }
    to{scale:1;
        opacity:1;
    }
} */

@media(max-width: 768px) {
    .column {
        flex: 100%;
        text-align:center;
    }
    h2{
        font-size: 2.5rem;
        color:#ffffff;
        text-align:left;
        margin:0 auto;
        
      }
       .li{
        font-size: 0.8rem;
        color:#e4e4e4;
        text-align:left;
      }
      
      .container{
        flex-direction: column;
        gap:0px;
padding:1rem;
    }
      
}

@media(max-width: 990px) {
    .column {
        flex: 100%;
        text-align:center;
    }
    h2{
        font-size: 2.5rem;
        color:#ffffff;
        text-align:left;
        margin:0 auto;
        
      }
       .li{
        font-size: 1.2rem;
        color:#e4e4e4;
        text-align:left;
      }
      
      .container{
        flex-direction: column;
        gap:0px;
padding:1rem;
    }
      
}

@media(max-width: 1024px) {
    .column {
        flex: 100%;
        text-align:center;
    }
    h2{
        font-size: 2.5rem;
        color:#ffffff;
        text-align:left;
        margin:0 auto;
        
      }
       .li{
        font-size: 1.2rem;
        color:#e4e4e4;
        text-align:left;
      }
      
      .container{
        flex-direction: column;
        gap:0px;
padding:1rem;
    }
      
}