.sg-header {
    display: flex;
    color: #be3a34;
    background-color: #fff;
    border-bottom: 2px dashed #ea8520;
}

img.sg-header-image {
    max-width: 100%;
    height: 100%;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 20rem;
    align-self: center;
}

.logo_image {
    max-width: 100%;
    height: 100%;
}

.sg-button, .sg-file-field input[type="button"], .sg-next-button, .sg-back-button, .sg-submit-button, .sg-browse-btn, .sg-configurator-btn, .sg-add-another-button {
    color: #FFF;
    background-color: #be3a34;
}
.sg-button:hover, .sg-button:focus, .sg-button:active, .sg-file-field input[type="button"]:hover, .sg-file-field input[type="button"]:focus, .sg-file-field input[type="button"]:active, .sg-next-button:hover, .sg-next-button:focus, .sg-next-button:active, .sg-back-button:hover, .sg-back-button:focus, .sg-back-button:active, .sg-submit-button:hover, .sg-submit-button:focus, .sg-submit-button:active, .sg-configurator-btn:hover, .sg-configurator-btn:focus, .sg-configurator-btn:active, .sg-browse-btn:hover, .sg-browse-btn:focus, .sg-browse-btn:active, .sg-add-another-button:hover, .sg-add-another-button:focus, .sg-add-another-button:active {
    color: #FFF;
    background-color: #ea8520;
}

.sg-question input[type="text"]:focus, .sg-question input[type="number"]:focus, .sg-question input[type="password"]:focus, .sg-question textarea:focus {
    border-color: #ea8520;
    border-width: 4px;
    outline: 0;
}

.sg-replace-icons input[type=radio]:focus-within + label, .sg-replace-icons input[type=checkbox].sg-input-checkbox:focus-within + label, .sg-image-box:focus-within, .rangeslider__handle:focus, .sg-star-box .sg-star-sr-target:focus, .sg-input-menu:focus, span.ui-slider-handle:focus, .sg-cs-cards:focus, .cs-card:focus, .sg-texthighlighter-text span:focus, .DynarchCalendar-bottomBar-today:focus {
    outline: #ea8520 auto 5px;
}

.sg-input-text, .sg-input-menu, .sg-input-essay, .sg-question input[type="text"], .sg-question input[type="number"], .sg-question input[type="password"], .sg-question textarea {
    background-color: transparent;
    border: 2px solid #aab1b9;
}

.sg-progress-bar-text {
    color: #FFF;
    background-color: #ea8520;
}

.sg-body {
    background-color: lightgrey;
}

@media (max-width: 1100px) { 
    .sg-header { 
        display: block;
    }
    .logo_image {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px!important;
        padding-left: 0px!important;
    }
    h1.sg-title {
        text-align: center;
    }
    
}