#container{
    display:grid;
    grid-template-columns:repeat(2,1fr);

     max-width:100%;
     margin:0 auto;
 }

 @media only screen and (max-width: 800px) {

    #container{
        display:grid;
        grid-template-columns:repeat(1,1fr);
    }
 }
 

.contactmain-details{
    display:flex;
    width: 100%;
    height: 60vh;
    grid-column:2 / 3;
    background-color:#E4E4E4;
    text-align:left;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 800px) {

    .contactmain-details{
        display:flex;
        width: 100%;
        height: 60vh;
        grid-column:1 / 2;
        grid-row:2 / 3;
    }
 }

#map{
    width:100%;
    grid-column: 1 / 2;
    background-color:rgb(7, 6, 6)
}

@media only screen and (max-width: 800px) {
#map{
    grid-column:1 / 2;
        grid-row:1 / 2;
        height: 60vh;
}
}

#map iframe{
    display:block;
    grid-column:1 / 2;
    width: 50%;
    height: 60vh;
    object-fit: cover;
    overflow: hidden;
    opacity:.8;
}

@media only screen and (max-width: 800px) {
    #map iframe{
        grid-column:1 / 2;
            grid-row:1 / 2;
            width: 100%;
    }
    }

.contactmain{
    font-size:1.1vw;
    color:black;
    line-height: 2vw;
    list-style-type:none;
}

@media only screen and (max-width: 1024px) {
    .contactmain{
        font-size:1.2vw;
    }
}

@media only screen and (max-width: 800px) {
    .contactmain{
        font-size:2.4vw;
        line-height: 6vw;
    }
}

.contactmain a{
    color:grey;
}
 .contactmain a:hover{
    color: #00D8BB;
    /*#50fcce*/
  }


p{
    margin-block-start:0em;
}