/*---------------------------------------------------------- CONTAINERS */
.body {
    margin: 50px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100%;
}
.contact-div {
    /* background-color: rgb(226, 224, 224); */
    border-radius: 10px;
    min-width: 250px;
    min-height: 250px;
    /* width: 500px; */
    margin: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    overflow: visible;
    flex-wrap: nowrap;
}


/*------------------------------------------------------------------ LIST */
.contact-div ul {
    padding-left: 0;
    list-style-type: none;
    text-align: center;
    width:100%;
    color: rgb(124, 124, 124);
    font-size: x-large;
}
.contact-div li {
    padding: 0;
    margin:0;
    height: 25px;
}
.contact-div a {
    font-size: small;
    color: rgb(124, 124, 124);
    margin: 0;
    padding: 0;
}
.contact-div:hover a {
    color: rgba(91, 152, 195, 1);
    font-weight: 500;
    text-decoration: none;
    /* zoom: 110%; */
}
.contact-div a:hover {
    color: rgb(91, 152, 195) !important;
    font-weight: 500;
    text-decoration: underline;
}


/*------------------------------------------------------------------ ICON */
.icon-color {
    color: rgb(124, 124, 124);
}
.ico {
    height:150px;
    width:150px;
    margin:25%;
    }
.ico-bg {
    position: relative;
    /* border: 3px solid rgba(111, 111, 111, 0.4); */
    border: 3px solid rgba(156, 156, 156, 0.4);
    background-color: rgba(128, 128, 128, 0.242);
    border-radius: 50%;
    min-width: 170px;
    min-height: 170px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top:10%;
    margin-bottom: 5%;
}
.contact-div:hover .ico-bg {
    border: 3px solid rgba(68, 117, 152, .4);
    background-color: rgba(128, 128, 128, 0.342);
}


/* other */
.contact-subhead {
    margin-top: 20px;
    margin-bottom: -10px;
    margin-left: 10%;
    padding-top: 7px;
    text-align: center;
    /* max-width: 100%; */
    align-items: center;
    width: 80%;
    position: relative;
    color: rgb(190, 190, 190);
    font-size: x-large;
}