body {background: url(background.jpg) top center no-repeat; background-size: cover;}
.modal-content {border: 0px; background-color: rgba(255, 255, 255, 0.7);}
.fade.in {background-color: rgba(25, 25, 25, 0.81);}
.buttons {padding: 30px 10px;}
.buttons a {display: block; border-radius: 50%; background-color: #e5e5e5; color: #bababa; font: 300 48px/140px 'Open Sans'; text-transform: uppercase; width: 141px; height: 141px; text-align: center; transition: 0.5s; margin: 30px auto;}

.buttons a:hover {box-shadow: 0px 0px 29px 0.00px rgba(255, 255, 0, 0.75); text-decoration: none; color: #575757;}

.modal-dialog {margin-top: 200px;}

@media only screen and (min-width:100px) and (max-width: 767px) {
    .modal-dialog {margin-top: 50px;}
    
}