.heading{
    text-align: center;
    width: 50%;
    display: block;
    margin: auto;
    padding-top: 75px;
    padding-bottom: 15px;
    h1{
        font-size: 350%;
    }
}
img{
    width: 70%;
    display: block;
    margin: auto;
}

.text{
    width: 50%;
    display: block;
    margin: auto;
    padding-top: 35px;
    padding-bottom: 35px;
    p{
        font-size: 120%;
    }
    h3{
        font-size: 175%;
        padding-top: 20px;
    }
}

.quote{
    background-color: rgb(117, 185, 253);
    width: 80%;
    display: block;
    margin: auto;
    text-align: center;
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 55px;
    padding-right: 55px;

}

.more{
    width: 80%;
    background-color: rgb(228, 228, 228);
    display: block;
    margin: auto;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 2%;
    padding-bottom: 3%;
    h2{
        padding-top: 25px;
    }
    p{
        font-size: 120%;
        color: rgb(105, 106, 106);
        padding-bottom: 45px;
    }
    a{
        background-color: rgb(93, 150, 203);
        color: white;
        padding: 10px 10px 10px 10px;
        border-radius: 10px;
    }
    a:visited{
        color:white;
    }
}

@media screen and (max-width: 1000px) {
    .heading{

        h1{
            font-size: 250%;
        }
    }
    .text{
        width: 70%;
    }
}