.bg-screen {
    position: relative;
    overflow: hidden;
}
.site-logo img {
    max-width: 90px;
}
.pickerImage
{
border-radius: 0 !important;
}

.canvas-container canvas
{
border-radius: 0 !important;

}

.container-ratio-outer
{
border-radius: 0 !important;
border: 2px solid #FFF !important;

}

.waiting
{
border-radius: 0 !important;

}

.back-strip
{
display:none !important
}

.progress-bar
{
border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.start-screen .bg-btn{
       margin: 0 auto;
    border-radius: 35px;
    align-items: center;
    justify-content: center;
    font-size: 20px !important;
    margin-bottom: 16em !important;
}
.live-screen .bg-btn{
        font-weight: 400 !important;
    margin: 0 auto;
    border-radius: 35px;
    font-size: 20px !important;
}
.live-screen .extra-container {
    display: block !important;
}
.terms-popup .button-container a {
    background: #ebebeb8c !important;
}
.terms-popup .button-container a:hover{
    background: none !important;
}
.live-screen .button-container {
    margin-top: 25px !important;
}
.upload-btn:hover{
    color: #ffffff;
}
.result-screen .result-header{
    font-weight:600;
}
 .experience-container p, .back-btn, .upload-btn, .skip-btn:hover{
     text-decoration:none !important;
 }
 .container-ratio-outer {
    border-radius: 14px !important;
    border: none !important;
}
.last-screen .last-text {
    font-weight: 600 !important;
}
.last-screen .content-area-outer{
    padding-top:0;
}
.last-screen .site-logo {
    padding-bottom: 0px;
}
.last-screen .last-text {
    margin-bottom: 20px;
}


@media only screen and (max-width:500px){
.start-screen .bg-btn {
   margin-bottom: 14em !important;
    font-size: 18px !important;
    max-width: 270px;
}
.site-logo img {
    max-width: 75px;
}
.field-group {
    margin-bottom: 12px;
    margin-top: 12px;
}
}
@media only screen and (min-width:1600px) and (max-width:1920px){
.start-screen .bg-btn {
    margin-bottom: 12em !important;
}
.button-container {
    margin: 25px 0 !important;
}
}
@media only screen and (min-width:1366px) and (max-width:1599px){
.start-screen .bg-btn {
    margin-bottom: 9em !important;
}
.button-container {
    margin: 25px 0 !important;
}
}
@media only screen and (max-width: 479px) {
.bg-btn{
    max-width: 300px;
    }
}
@media only screen and (max-width: 379px) {
     .bg-btn{
    max-width: 280px;
    }
}