main{
    width: 90%;
    align-items: flex-start;
    color: var(--blue-strong);
    font-size: 1.5rem;
    text-align: justify;
}
h1{
    margin-top: 20px;
    margin-bottom: 20px;
}
p{
    margin-bottom: 20px;
}
ul{
    margin-bottom: 20px;
}
ul li{
    margin-left: 50px;
}
/*=============== BREAKPOINTS ===============*/
@media screen and (min-width: 250px) and (max-width: 767px) {
   main{
    padding: 15px;
    font-size: 1rem;
   }
   main,h1,p,ul{
    width: 100%;
   }
  }
  @media screen and (min-width: 768px) and (max-width: 1366px) {
   
  }
  @media screen and (min-width: 1367px) and (max-width: 1919px) {
    
  }