@media screen and (max-width:1060px) {
    .container, .container2
    {
        width: 768px;
    }
    .card .postcard 
    {  
        padding: 30px;
        width: 70%;
    }
    .card .img
    {
        width: 25%;
    }
    .posts .vrline
    {
        width: 20%;
    }
}
@media screen and (max-width:790px) {
    .container, .container2
    {
        width: 560px;
        padding: 0px;
    }   
    .card .postcard h3
    {
        
        font-size: 18px;
    }
    .card .postcard p
    {
        
        font-size: 15px;
        line-height: 25px;
    }
    .card2 h3
    {
        
        font-size: 18px;
    }
    .card2 p
    {
        
        font-size: 15px;
        line-height: 2px;
    }
    .contactus
    {
        flex-direction: column;
        gap: 20px;
    }
    .contact .location
    {
        width: 100%;
    }
    .contact .contact-form
    {
        width: 100%;
    }
   
}
@media screen and (max-width:580px) {
    .container, .container2
    {
        width: 100%;
        padding: 0 20px ;
    }
    .overtext h2
    {
        font-size: 25px;
    }    .posts .card
    {
        width: 100%;
        flex-direction: column;
    }
    .card .img
    {
        width: 50%; 
    }
    .card .hrline
    {
        display: none;
    }
    .card .postcard
    {
        width: 100%;
    }
    .posts .vrline
    {
        height: 60px;
        border-left: solid 3px rgb(64, 64, 64);
        width: 0px;
    }
    .vrline2
    {
        display: block;
        width: 0px;
    }
    .row
    {
        flex-direction: column;
        gap: 40px;
    }
    .row .card2
    {
        width: 100%;
    }
}