h1,
h2 {
    font-family: Heebo, sans-serif;
    letter-spacing: 1px;
}

h1 {
    font-weight:bold
}

h2 {
    font-weight: 500
}

@media screen and (min-width:320px) and (max-width:599px) {
    .specialty {
        margin-top: 30px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 25px;
        font-size: 15px;
        color: #5050c4
    }
    #alphabet-select {
        margin-top: 40px;
        background-color: #f0f0fa;
        border: none;
        border-radius: 4px;
        width: 100%;
        padding: 18px;
        display: flex;
        justify-content: space-around;
    }
    #alphabet-select a {
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        font-size: 15px;
        color: #5050c4;
        font-weight: 500;
    }
    #alphabet-select a:hover {
        text-decoration: none;
    }
    .visit-reason {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .doctor-name {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .key-word {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .clinic {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }

    .alphabet h3 {
        font-size: 28px;
        color: #041A31;
        font-weight: 500;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
    }
    .alphabet {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .anchor {
        display: block;
        position: relative;
        top: -40px;
    }
    .content-modal {
        background-color: #fff;
        padding: 40px 14px
    }
    h1 {
        font-size: 24px
    }
}

@media screen and (min-width:600px) and (max-width:1200px) {
    .specialty {
        width: 50%;
        float: left;
        margin-top: 30px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 25px;
        font-size: 16px;
        color: #5050c4
    }
    #alphabet-select {
        margin-top: 40px;
        background-color: #f0f0fa;
        border: none;
        border-radius: 4px;
        width: 100%;
        padding: 18px;
        display: flex;
        justify-content: space-around;
    }
    #alphabet-select a {
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        font-size: 15px;
        color: #5050c4;
        font-weight: 500;
    }
    #alphabet-select a:hover {
        text-decoration: none;
    }
    .visit-reason-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .visit-reason {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .doctor-name-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .doctor-name {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .key-word-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .key-word {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .clinic-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .clinic {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .alphabet h3 {
        font-size: 28px;
        color: #041A31;
        font-weight: 500;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
    }
    .alphabet {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .anchor {
        display: block;
        position: relative;
        top: -40px;
    }
    .content-modal {
        background-color: #fff;
        padding: 40px 30px
    }
    h1 {
        font-size: 26px
    }
}

@media screen and (min-width:1201px) {
    .specialty {
        width: 50%;
        float: left;
        margin-top: 30px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 25px;
        font-size: 16px;
        color: #5050c4
    }
    #alphabet-select {
        margin-top: 40px;
        background-color: #f0f0fa;
        border: none;
        border-radius: 4px;
        width: 100%;
        padding: 18px;
        display: flex;
        justify-content: space-around;
    }
    #alphabet-select a {
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        font-size: 15px;
        color: #5050c4;
        font-weight: 500;
    }
    #alphabet-select a:hover {
        text-decoration: none;
    }
    .visit-reason-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .visit-reason {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .doctor-name-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .doctor-name {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .key-word-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .key-word {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .clinic-container {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
    .clinic {
        margin-top: 15px;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        font-size: 14px;
        color: #5050c4
    }
    .alphabet {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .anchor {
        display: block;
        position: relative;
        top: -40px;
    }
    .alphabet h3 {
        font-size: 28px;
        color: #041A31;
        font-weight: 500;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
    }
    .content-modal {
        min-height: 500px;
        background-color: #fff;
        padding: 60px 100px;
        border-radius: 8px;
        border: 1px solid #dddde6;
        margin: 60px auto;
        width: 1100px
    }
    h1 {
        font-size: 26px
    }
}

.content-modal p,
ul {
    margin-bottom: 17px
}

h1 {
    color: #041A31;
    margin-bottom: 35px
}

h2 {
    color: #041A31;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 35px
}

.content-modal p,
li {
    font-weight: 400;
    color: #041A31;
    font-size: 16px;
    font-family: Heebo, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.content-modal p {
    line-height: 25px
}

p #link,
p #link:hover {
    color: #5050c4
}

li {
    line-height: 27px;
    list-style-type: disc;
    margin-left: 40px
}

#bold {
    font-family: Heebo, sans-serif;
    letter-spacing: 1px;
    font-weight: 500
}

p #link:hover {
    text-decoration: none;
    cursor: pointer
}

#back-home {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: Heebo, sans-serif;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 16px;
    margin-top: 80px;
    color: #041A31
}

.specialty a:hover,
.doctor-name a:hover,
.key-word a:hover,
.clinic a:hover,
.visit-reason a:hover {
    text-decoration: none;
    color: #5050c4
}

#back-home a:hover {
    text-decoration: none;
    color: #041A31
}

#line-break {
    margin-top: 40px;
    margin-bottom: 20px
}
.link {
    color: #5050c4;
    font-family: Heebo, sans-serif;
    letter-spacing: 1px;
    font-size: 16px;
}
.link:hover {
    text-decoration: none;
    color: #5050c4;
}

.press a {
    text-decoration: underline;
    text-decoration-color: #5050c4;
    color: #5050c4
}

#heart {
    width: 23px;
    margin-right: 15px;
}