/* rgb(126, 125, 125) */
/* .contact-container{ width:100%; height: 40em; background:red;
position: relative; justify-content: center; align-content: center;
top: 100px; margin:0px auto; border-radius: 0px;
} 
.container-content{width:80%; height: 30em; background:white; top:0;
position: relative; justify-content: center; align-content: center;
margin:0px auto; border-radius: 0px;

} */

.contact-container{
    width: 100%; height:100%;top:100px; background: white; position:absolute
}
.contact-container h1{
    font-size: 20px; color:black;text-align: center;margin-top:20px; 
}

.contact-container p{
    color:black;text-align: center;margin-top:2px
}

.contact-details{
    width: 95%; height:35em;background: rgba(169, 167, 167, 0.264); border-radius: 10px; margin: 5px auto 10px auto; box-shadow: 0 0 5px 1px rgba(228, 226, 226, 0.1);
}

.detals-grid{
     background: none;top:70px;
    position: relative;
}
.contact-details h1{
     background: white; color:black; border-radius: 50%; margin: 0px auto 0 auto; padding: 5px; width: 65px; position: relative; top:50px; font-size: 40px;
}

#email-icon{width: 60px; justify-content: center;
}
.contact-details h2{
     padding:20px;
     margin:40px auto 0 auto; text-align: center;left:auto; right :auto;}
.contact-details p{
     padding:20px; line-height: 40px;
     margin-top:35px; 
}

#p-bolder{padding:0px; line-height:0;
     margin-top:3px; font-weight: bold;}

     #google-map{
        border:0px
     }

     /* ================= DESKTOP / LAPTOP ================= */
@media (min-width: 900px) {

.contact-grid{ width:100%; grid-template-columns: repeat(3, 1fr);display:flex;
    margin: 20px 0 0 0; padding: 0 10px 0 10px; 
    
}


.contact-details{
    width:32%;
     height:25em;background:white; border-radius: 10px; margin: 0px auto 0 auto; box-shadow: 0 0 5px 1px rgba(124, 122, 122, 0.158);

}

#phone-sentence{
    margin-top:-15px; padding-top: 0px;
}


.detals-grid{
     background: none;top:0px;
    position: relative;
}

}