@media(min-width:768px){
.footer-txt,
    .txt{
        max-width:60rem;
    }
    .sec-hero {
        height: 100vh;
        display: flex;
    }
    .flex-col{
        flex-direction: row;
      justify-content: space-between;
      align-items: center;

    }
    .hero-img{
        height: 100%;;
    }
 
    .heading-primary{
        font-size: 6rem;
    }
    .heading-secondary{
        font-size: 4.2rem;
    }
 
}

@media (min-width:900px){
    .txt{
        font-size: 1.8rem;
    }

.main-nav{
    display: block;
}
.mobile-nav-btn{
    display: none;
}
    .main-nav-list{
        display:flex;
        gap:1rem;
    }
    .nav-list-link:visited,
    .nav-list-link:link{
font-size: 1.8rem;
    }
    .hero-img{
        height: 100%;;
    }
    .hero-content{
        margin-left:5rem;
       
    }
    .heading-primary{
        font-size: 9rem;
    }
    .grid-2-col{
        padding-top: 3rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
  
    .blog-posts .card{
        max-width: 40rem;
    }
}

@media (min-width:1400px){
section{
    padding:10rem 0;
}
.card{
    max-width: 45rem;
}
}