.rozeTitle {
    margin-top: 30px;
}

.textbelmij {
    margin-top: 50px;
}

.introtext {
    margin-top: 20px;
}

.pacifico {
    font-size: 160px;
    font-family: 'Pacifico';
    font-style: italic;
    opacity: 0.2;
}

.opensans {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.gegevens {
    margin-top: 30px;
}

.adres {
    font-size: 20px;
}

.radiobuttons {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
    font-size: 18px;
}

    .radiobuttons > li:before {
        content: "• ";
        color: hotpink;
        margin-right: 15px;
    }

    .radiobuttons > li {
        margin: 7px 0;
    }

.round-button {
    width: 20%;
}

.round-button-circle {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: hotpink;
    -webkit-box-shadow: 4px 3px 88px -8px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 3px 88px -8px rgba(0,0,0,0.42);
    box-shadow: 4px 3px 88px -8px rgba(0,0,0,0.42);
}

    .round-button-circle:hover {
        background: #808080;
    }

.round-button a {
    display: block;
    float: left;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: white;
    font-size: 2em;
    text-decoration: none;
}
@media all and (max-width: 430px) {
    .pacifico{
         font-size: 83px;
    }
    .round-button{
        width:57%!important;
        margin:20px 0 10px 60px;
    }
    .rozeTitle{
        margin-top: 5px;
    }
     .round-button a{
      margin-left:30px!important ;  
      margin-top: -.8em; 
     }
}
@media all and (max-width: 768px) {
     .round-button{
        width:25%;
        margin:20px 0 10px 60px;
    }
    .round-button a{
      margin-left:0px;   
     }
     .pacifico{
         font-size:60px;
     }
     .textbelmij{
         margin-top: 0;
     }     
}