nav {
    background-color:rgb(0, 173, 239);
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    width: 70%;
    margin-left: 15%;
    margin-top: 10%;

}

h1 {
    font-size: 2rem;
    margin: 0;
    transition: font-size 0.5s ease, margin-top 0.5s ease;
}

footer {
    background-color: rgb(0, 173, 239);
    color: #fff;
    text-align: center;
    margin-left: 0px;
    padding: 10px;
    bottom: 0;
    width: 100%;
    border-radius: 10px;
    margin-top: 90px;
    margin-right: 50px;
}


.buton {
    background-color: #ffffff;
    border: 0px solid white;
    width: 70px;
    height: 70px;
    margin: 18px;

    padding-right: 10px;


}




@media screen and (max-width:820px) {
    .col-md-4 img {
        padding-top: 70px;
    }
}

@media screen and (max-width:912px) {
    .col-md-4 img {
        padding-top: 70px;
    }
}