.reiki-img-biography {
    float: left;
    margin: 0 2% 0 0;
    width: 600px;
    height: 800px;
    background-image: url('../icons/zamen-bootstrap_03.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

.clearfix {
    overflow: auto;
}

.container {
    padding: 1vw;
    float: left;
    width: 94%;
    max-width: 100%;
    margin: 0 0 0 2%;
}

.paragraph-biography {
    font-size: 30px;
    font-family: "Fira Sans", sans-serif;
    text-align: right;
    font-weight: lighter;
    font-style: italic;
    margin-top: 3vw;
    padding: 0 1vw 0 2vw;
}

.reiki-school {
    background-color: #FFE37D;
    color: black;
    font-size: 23px;
    font-family: "Fira Sans", sans-serif;
    font-weight: bold;
    float: right;
    padding: 1% 3.6%;
    border-radius: 1.3vw;
    margin: 1vw 0 0 0;
}

.reiki-school:hover {
    background-color: #FE9923;
    color: white;
}

.biography-certificates {
    background-color: #FD3885;
    color: white;
    font-size: 23px;
    font-family: "Fira Sans", sans-serif;
    font-weight: bold;
    float: right;
    padding: 1% 3.3%;
    border-radius: 1.3vw;
    margin: 1vw 1vw 0 0;
}

.biography-certificates:hover {
    background-color: #FE9923;
    color: white;
}

.home-header {
    background-color: white;
    font-family: "Fira Sans", sans-serif;
    color: black;
}

.bio-header {
    background-color: #FFE37D;
    font-family: "Fira Sans", sans-serif;
    color: black;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

li a:hover:not(.bio-header) {
    background-color: #FFE37D;
    font-family: "Fira Sans", sans-serif;
    color: black;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

@media screen and (max-width: 800px) {
    .paragraph-biography {
       font-size: 25px;
    }
    .reiki-school{
        font-size: 20px;
    }
    .biography-certificates{
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .reiki-img-biography{
        width: 430px;
        height: 530px;
    }
}