@import url('https://fonts.googleapis.com/css2?family=Tiro+Kannada&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,500&display=swap');

*{
    margin: 0.15rem;
    --text-fontFamily:'Tiro Kannada', serif;
    --heading-fontFamily:'Fira Sans', sans-serif;;
}

html{
    font-size: 10px;
}

body{
    background-color: #fff;
    color: rgb(63, 56, 56);
}

.image{
    display: flex;
    justify-content: center;
}

.image1{
    width: 85vw;
    height: 30vh;
    border: 0.2rem #000 solid;
    border-radius: 0.5rem;
}


.heading{
    text-align: center;
    font-size: 2.5rem;
    font-family: var(--heading-fontFamily);
}

.subHeading{
    font-size: 2rem;
    font-family: var(--heading-fontFamily);
}

p{
    font-size: 1.4rem;
    font-family: var(--text-fontFamily);
}

.list{
    list-style-type: square;
    font-size: 1.4rem;
}

@media (min-width: 540px) and (max-width: 800px){
    .Heading{
        font-size: 2.1rem;
    }

    .images{
    width: 80vw;
    height: 50vh;
    border-radius: 0.5rem;
    }
}

@media (min-width: 801px) and (max-width: 1000px){
    .Heading{
        font-size: 3.2rem;
    }

    .image1{
    width: 80vw;
    height: 50vh;
    border-radius: 0.5rem;
    }
}

@media (min-width: 1000px) and (max-width: 1150px){
    .Heading{
        font-size: 4.3rem;
    }

    .image1{
    width: 80vw;
    height: 70vh;
    border-radius: 0.5rem;
    }
}

@media (min-width: 1051px) and (max-width: 1400px){
    .Heading{
        font-size: 4.3rem;
    }

    .image1{
    width: 80vw;
    height: 70vh;
    border-radius: 0.5rem;
    }
}

@media (min-width: 1510px) {
    .Heading{
        font-size: 5.4rem;
    }

    .image1{
    width: 80vw;
    height: 90vh;
    border-radius: 0.5rem;
    }
}