/**
===== Welcome screen =====
**/
#welcome-container p {
    margin: 0;
}

#welcome-container .welcome-upper {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    min-height: 220px;
}

#welcome-container .welcome-upper h1, #welcome-container .welcome-upper .survey-description {
    max-width: 650px;
    margin: 0 auto;
}

#welcome-container .welcome-upper .survey-name {
    font-size: 24px;
    margin: 5px auto 30px auto;
}

#welcome-container .welcome-upper .bg-img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
   /*width: 220px;*/
    display: none;
}

#welcome-container .survey-welcome {
    max-width: 620px;
    margin-bottom: 0;
}

@media (min-width:768px) {
    #welcome-container .welcome-upper .bg-img {
        display: block;
    }
}

.privacy .panel {
    margin: 15px 30px 0px 30px;
}

.privacy .panel .panel-footer {
    display: flex;
    justify-content: space-between;
}

/**
===== Completed wrapper =====
**/

.completed-wrapper {
    background: #FBF9EF url('./../files/survey-complete-bg.png') no-repeat 55px center;
}

.completed-wrapper .completed-thankyou, .completed-wrapper .completed-endtext, .completed-wrapper .completed-stayupdated {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.completed-wrapper .completed-thankyou {
    margin-top: 15px;
    margin-bottom: 80px;
}

.completed-wrapper .completed-endtext {
    max-width: 850px;
    margin-bottom: 50px;
}

.completed-wrapper .completed-stayupdated {
    max-width: 550px;
    line-height: 1.625;
    margin-bottom: 25px;
}