.Responsive div.Feedback_Message_Wrapper {
    margin-top: 35px;
}

.Header {
    border-bottom: none;
    box-shadow: 0px 2px 2px #c8c9c7;
    line-height: initial;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.Header_Menu {
    width: 100%;
}

.MainContent {
    width: 100%;
    min-height: 100%;
    padding: 0;
    background: #f4f4f4;
}

.phone .HeaderLogo,
.tablet .HeaderLogo {
    text-align: center;
}

.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: none !important;
}

.Title_Section {
    height: 128px;
}

.pre-box a,
.pre-box a:link {
    color: #188ccc;
}

.pre-box a:hover{
    color: #004986;
}

.phone .pre-box,
.tablet .pre-box {
    height: 512px;
    padding: 0 20px;
}

.desktop .pre-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 509px) !important;
}

.desktop .Footer {
    position: fixed;
    bottom: 0;
}

.phone .Column .ColFirst .empty,
.tablet .Column .ColFirst .empty {
    display: none;
}

.ModalContainer {
    width: 400px !important;
}

.Modal span, .Modal strong, .Modal h2, .Modal h3, .Modal p {
    color: #000 !important;
}

.desktop .ModalContainer {
    height: auto !important;
}

.phone .ModalContainer {
    top: 20vh;
    height: 85vw !important;
    overflow-y: hidden;
}

.tablet .ModalContainer {
    top: 20vh;
    height: 35% !important;
    overflow-y: hidden;
}

@media screen and (min-height: 568px) and (max-height: 666px) {
    .phone .ModalContainer {
        height: 55% !important;
    }
}

@media screen and (min-height: 667px) and (max-height: 736px) {
    .phone .ModalContainer {
        height: 47% !important;
    }
}