.etBlue {
    color: #24a9e1
}
.etGrey {
    color:#4a5664
}
.etBgBlue {
    background-color: #24a9e1
}

.etBgGrey {
    background-color: #4a5664
}
.etBorderGrey {
    border-color: #4a5664
}
h1 {
    font-size: 24px;
    font-weight: bold;

    }
a:hover { text-decoration:none
}

.menuButton:hover{text-decoration:underline}

.stethoscope-image {
    background-image: url("../images/stethoscope.jpg") ; /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 500px; /* You must set a specified height */
    width:100%;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}



.brain-image {
    background-image: url("../images/brain.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 500px; /* You must set a specified height */
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}

.brain-image-small {
    background-image: url("../images/brain.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 200px; /* You must set a specified height */
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}

@media (min-width: 900px) {
    .responsive-font-example {
        font-size: 40px;
    }
}
/* If the screen size is smaller than 1200px, set the font-size to 80px */
@media (max-width: 900px) {
    .responsive-font-example {
        font-size: 20px;
    }
}


@media (min-width: 600px) {
    .responsive-font-example2 {
        font-size: 15px;
    }
}
/* If the screen size is smaller than 1200px, set the font-size to 80px */
@media (max-width: 600px2) {
    .responsive-font-example2 {
        font-size: 10px;
    }
}