@charset "UTF-8";
/* CSS Document */

/*body,html {
    height: 100%;
    display:flex;
    align-items:center;
}
section {
    flex: 0 auto;
}*/

body {
    height: 100vh;
    font-family: 'Roboto Mono',monospace;
}
img.img-fluid {
    margin-bottom: 25px;
}
.btn-wrapper {
    display: inline-block;
    border: 2px solid #000;
    position: relative;
    width: 280px;
    height: 50px;
}
.btn-wrapper .btn-primary {
    width: 280px;
    height: 50px;
    position: absolute;
    top: -8px;
    left: -8px;
    background-color: #fff;
    color: #000;
    border-radius: 0;
    border: 2px solid #000;
    padding: 10px;
}
.btn-wrapper .btn-primary:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.modal-body {
    padding-top: 50px;
    padding-bottom: 50px;
}
.modal-body .col-md-4 {
    margin-bottom: 25px;
}
.modal-body h6 {
    font-size: 1rem !important;
    font-weight: 700 !important;
}
.modal-body p, .modal-body a {
    color: #000;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
} 
.modal-body .btn-dark {
    color: #fff;
}
.modal-header a {
    color: #000;
}