/* .attribution {
        font-size: 11px;
        text-align: center;
    }

    .attribution a {
        color: hsl(228, 45%, 44%);
    } */


       
    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
     @import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
     @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');


    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body{
        font-family: "Lato", sans-serif;
    }

    img{
        width: 100%;
    }

    .img-container img{
        border-radius: 15px 15px 0 0 ;
        
    }


    .contanier{
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 auto;
    }

    .main-content{
        padding: 1.5rem;
        background-color: #f2ebe3;
    }

    h5{
        font-family:"Lato",
          sans-serif ;
          font-weight: 500;
          font-style: normal;
            margin: 10px 0;
          color: hsl(228, 45%, 44%);
          line-height: 1.5;
    }


    h1{
        font-family: "Fraunces", serif;
        font-weight: 800;
        font-style: bold;
         /* margin: 10px 0; */
         color: #1d2228;
        
    }

    p{
        font-family: "Lato", sans-serif;
         font-weight: 300;
         font-style: normal;
        margin:  0;
        color: hsl(228, 45%, 44%);
        line-height: 1.5;
    }

    h2{
        font-family: "Fraunces", serif;
            font-weight: 800;
            font-style: bold;
            margin: 10px 0;
            color: #3d8168;
    }

    h2 span{
        font-size: 12px;
        text-decoration: line-through;
        font-weight: thin;
        color: #a6a6b2;
    }

    .btn{
        background-color: #3d8168;
        border: 1px;
        color: white;
        padding: 10px 40px;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 1.5rem;
        font-family: "Fraunces", serif;
        align-items: center;
        justify-content: center;
        width: 100%;
       
    }

    .btn:hover{
        color: #3d8168;
        background-color: transparent;
    }


    .main-section{
        background-color: white;
        padding: 23px;
    }




        @media screen and (min-width: 992px) {

          .main-content{
            display: flex;
            padding: 20px;
          }

      

        }