p{
    font-size: 18px;
}

footer p{
    font-size: 15px;
}

h5{
    font-size: 28px;
}

h5{
    font-size: 22px;
}

h2{
    font-size: 40px;
}

.material-icons{
    font-size: 40px !important;
    color: #f04c25;
}

a{
    font-size: 18px;
    font-weight: bold;
}
.center{
    font-weight: bold !important
}

.roboto{
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.card{
    border: 1px solid gray;
    margin-bottom: 25px;
}

.kleur1{
    background-color: #D7D9D7;
}

.kleur2{
    background-color: #95A3A4;
}

.kleur3{
    background-color: #B97375;
}

.kleur4{color: #f04c25 !important;

}

.row{
    margin-bottom: 0px !important;
}

.pad{
    padding-bottom: 10px !important;
}


p{
    text-align: center;
}


img:hover{
    opacity: 0.7 ;
}

a:hover{
    color: #0089ec !important;
}

footer p {
    text-align: left;
}

@media screen and (min-width: 600px) {

    .material-icons {
        font-size: 50px !important;
    }

}

@media screen and (max-width: 600px) {

    h1 {
        font-size: 50px !important;
    }
}

@media screen and (max-width: 500px) {

    h1{
        font-size: 40px !important;
        margin-bottom: 0px !important;
    }

}