.cf-page {
    background-color: #ffffff;
}

body * {
    font-family: Helvetica, Arial, Verdana, sans-serif !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-family: Helvetica, Arial, Verdana, sans-serif;
    ;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

.border-grad {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
}
.border-gradPurple {
  border-image-source: linear-gradient(to left, #ffffff, #503562);
}

input,
textarea,
body {
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

a {
    color: #503562 !important;
    font-weight: 600;
    border-bottom: 1px dotted #a354a1;
    text-decoration: none;
}

a:focus,
a:hover {
    color: #9f3771 !important;
    text-decoration: none;
    border-bottom: 1px solid #a354a1;
}

.cf-navigation__button {
    border-radius: 0;
    transition: background-color .3s, color .3s;
}

.cf-text-area {
    border-bottom: 1px solid #6c436d;
    border-radius: 0;
    background-color: rgb(245, 245, 245);
    padding: 5px;
}

.cf-text-box {
    width: 400px;
    max-width: 100%;
    border: none;
    border-bottom: 1px solid #6c436d;
    border-radius: 0;
    background-color: rgb(245, 245, 245);
    font-size: inherit;
    text-overflow: ellipsis;
    height: 34px;
    line-height: 30px;
    padding: 5px;
}

.cf-navigation-back {
    background-color: rgba(80, 53, 98, .1);
    color: rgba(80, 53, 98, .6);
    font-weight: bold;
}

.cf-navigation-back:hover,
.cf-navigation-back:focus {
    background-color: rgba(80, 53, 98, .3);
    color: rgba(80, 53, 98, .8);
}

.cf-navigation-next:hover,
.cf-navigation-next:focus {
    background-color: #6c436d;
}

.cf-navigation-next[disabled],
.cf-navigation-next[disabled]:hover,
.cf-navigation-next[disabled]:focus {
    opacity: .3;
    cursor: not-allowed;
    background-color: #6c436d;
}

.cf-question__title,
.cf-question__text,
.cf-question__instruction,
.cf-question__error,
.cf-question__content {
    margin-bottom: 5px;
}

.cf-question__text {
    font-weight: bold;
}

.cf-question__content.cf-question__content--no-padding {
    padding: 0;
    margin-top: 5px;
}

.cf-table-layout__column-head {
    font-weight: normal;
    text-align: center;
    padding: 0;
}

.cf-page__header {
    background-position: top left;
    background-size: 100% auto;
    margin-bottom: 0;
}

.banner {
    height: 150px;
    border-bottom: 15px solid rgb(80, 53, 98);
}

.banner .logo {
    width: auto;
    height: 100px;
    float: left;
    margin: 0;
}

.banner h1 {
    /*margin-top: 100px;*/
    text-align: center;
}

.banner h1 .page-title {
    display: inline-block;
    padding: 0 30px;
    text-align: center;
    margin-left: -120px;
    font-size: 34px;
    line-height: 88px;
    color: #000;
    font-family: 'Belgium' !important;
    font-weight: normal;
    background-color: rgba(255, 255, 255, .6);
}

.hidden {
    display: none;
}

.cf-powered-by-confirmit__link {
    padding: 5px 0;
    opacity: .5;
}

@media (min-width: 641px) {
    .cf-open-list-answer__text {
        margin-top: 2px;
        line-height: 30px;
    }
    .cf-grid-layout__row {
        margin-bottom: 8px;
    }
    .cf-question__content {
        margin-top: 16px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .cf-page__header {
        background-position: top left;
    }
}

@media (min-width: 1501px) and (max-width: 1700px) {
    .cf-page__header {
        background-position: top left;
    }
}

@media (min-width: 1701px) {
    .cf-page__header {
        background-position: top left;
    }
}
@media (max-width: 640px) {

    .banner {
        height: auto;
        border-bottom: 7px solid rgb(80, 53, 98);;
    }
    .banner h1 {
        margin: 15px 0 10px 0;
        text-align: center;
    }
    .banner .logo {
        width: 70px;
        height: auto;
    }
    .banner h1 .page-title {
   
        margin-left: -50px;
        padding: 0 7px;
        line-height: 60px;
        display: unset;
    }
    .cf-page__header {
        background-position: top left;
    }   

}