@font-face {
    font-family: 'Quicksand';
    src: url('../font/Quicksand-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Libre Franklin';
    src: url('../font/LibreFranklin-Regular.ttf') format('truetype');
}

body {
    background-color:#f0f2f3;
    font-family: 'Libre Franklin';
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 602px;
    }

    .modal-header .modal-title {
        font-size: 32px !important;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        width: 802px;
    }

    .modal-header .modal-title {
        font-size: 32px !important;
        margin-left: 15px;
    }

    .pexa-logo {
        padding-right: 30px;
        padding-left: 60px;
    }
}

.title-row {
    display: table;
}

.title-row > [class*='col-'] {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.modal-content {
    overflow: hidden;
    border: none;
}

.modal-header {
    border-bottom: 0px;
    color: #fff;
    padding: 0;
    background: #1F2142;
}

.modal-header .modal-title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    font-family: 'Quicksand';
    font-size: 21px;
}
  
.modal-header .row {
    margin: 0;
}

.pexa-logo img {
    width: 100%;
}

.logo {
    margin: 12px auto;
}

.training-img img {
    width: 100%;
}

.modal-body h2 {
   color: #1F2142;
   font-size: 24px;
   font-family: 'Quicksand';
}

.modal-body p {
    color: #555555;
    font-size: 14px;
}

.modal-body a, .modal-body a:hover {
    color: #555555;
}

.modal-body .btn-default {
    background: #C313A7 !important;
    color: #fff;
    font-size: 14px;
    border: 0px;
    height: 40px;
    margin: 25px auto;
    display: block;
}