body {
    background: #e7e9eb;
    margin: 0px;
    padding: 0px;
}

#index-cnt {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.header-first {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 25px 0;
    overflow: hidden;
}

.fullpage {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-bottom: 100px;
}

#yosallogoin {
    width: 148px;
    height: 105px;
    margin-top: 2px;
    margin-left: 50px;
    margin-right: 15px;
    float: left;
}
#new-main-cnt {
        margin-top : 100px;
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        overflow : hidden;
        font-family: 'Eurostile', 'Josefin Slab', sans-serif;
    }
         .description1 {
             font-size: 36px;
             font-weight: 600;
             text-align: center;
             font-family: 'Eurostile', 'Josefin Slab', sans-serif;
         }
    
         .description {
             font-size: 20px;
             font-weight: 200;
             margin: 16px 0px;
             text-align: center;
             font-family: 'Eurostile', 'Josefin Slab', sans-serif;
         }
.displaycnt {
        width: 260px;
        padding: 12px 10px;
        float: left;
        margin-right : 8px;
        margin-left : 8px;
        height : 320px;
        border: thin solid #888;
        border-radius : 6px;
 } 
 #displaycnt1 {
        background-color : #00b8b8;
    }
#displaycnt2 {
        background-color : #add8e6;
    }
#displaycnt3 {
    background-color : #bc8f8f;
}
.images {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.imgcnt {
    width: 100px;
    height: 100px;
}
#signinsignup {
    margin-top: 15px;
    margin-right: 50px;
    float: right;
    overflow: hidden;
}

.signinupbtn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    background-color: #dbdfe3;
    cursor: pointer;
}

#main-cnt {
    overflow: hidden;
    font-family: 'Eurostile', 'Josefin Slab', sans-serif;
    padding: 50px 0px 50px 0px;
}

.signin {
    float: left;
    margin-right: 15px;
}

.signin-cnt {
    margin-top: 75px;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    border: thin solid #afafaf;
    border-radius: 10px;
    font-family: 'Eurostile', 'Josefin Slab', sans-serif;
}

.input-cnt {
    width: 220px;
    padding: 10px 10px;
    color: #75ccff;
    font-family: 'Eurostile', 'Josefin Slab', sans-serif;
}

.yosalinput {
    width: 220px;
    height: 24px;
    border-radius: 6px;
    border: 1px;
    color: #128ade;
}

#footer {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 24px 0px;
    text-align: center;
    background-color: #06866bed;
    color: aliceblue;
}

@media only screen and (max-width: 620px),
only screen and (max-device-width: 620px) {
    .header-first {
            width: 100%;
            margin-top: 0;
            margin-left: 0;
            padding: 15px 0;
            overflow: hidden;
        }
    #yosallogoin {
    width: 80px;
    height: 60px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 15px;
    float: left;
}
    #new-main-cnt {
        margin-top : 100px;
        width: 96%;
    }
    .fullpage {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    margin-bottom: 100px;
}
    .description1 { 
        font-size: 24px;
    }
    .description {
        font-size: 16px;
        font-weight: 200;
        margin: 16px 0px;
        text-align: center;
    }
.displaycnt {
        width: 260px;
        padding: 12px 10px;
        float: none;
        margin-right : auto;
        margin-left : auto;
        margin-bottom: 20px;
 } 
#signinsignup {
    margin-top: 5px;
    margin-right: 10px;
}
}