/* Dropdown Button */
.dropbtn {
    background-color: rgb(232, 232, 232);
    color: rgb(0, 153, 153);
    border: none;
    cursor: pointer;
}

p.dropbtn {
  text-align: center;
  display: inline-block;
  width: 100%;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    font-size: inherit;
}

.dropdown a {
    /*text-decoration: none !important;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: relative;
    top: -0.5vw;
    background-color: rgb(240, 240, 240);
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: rgb(0, 153, 153);
    padding: 12px 16px;
    text-decoration: none;
    display: inline-block;
}

/* Change color of dropdown links on hover */
/*.dropdown-content a:hover {background-color: rgb(180, 180, 180)}*/

.dropdown-content li:hover {background-color: rgb(250, 250, 230);}
.dropdown-content a:hover {background-color: rgb(250, 250, 230);}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: rgb(200, 200, 200);
}

/* Change style of bullet points for dropdown-content list. */
.dropdown-content ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.dropdown-content li {
    padding-left: 16px;
}

.dropdown-content li:before {
    /*content: "•"; /* Insert content that looks like bullets */*/
    /*color: rgb(0, 153, 153); /* Or a color you prefer */*/
}

.arrow-span {
    float: right;
    padding-right: 0.4vw;
}

.anchor {
    width: 80%;
}

@media screen and (max-width:940px) {
    .contact-img {
        padding: 0;
        display: block;
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width:940px) {
        .contact-img {
        padding: 0;
        display: block;
        /*margin: 0 auto;*/
        max-height: 20%;
        max-width: 20%;
    }
}