@media screen and (min-width:1050px) {
html { 
    margin-top:30px;
    font-family:  'Lato', sans-serif;
    text-align:center;
} 
h2 { 
    text-align:center;
}
div { 
    margin-left: 520px;
    margin-right:100px;
    text-align:center;
    margin-bottom: 50px;
    width:400px;
}
label {
    text-align:center;
}

#sth { 
    text-align:center;
    height: 400px; 
    width: 400px; 
    margin-top: 100px; 
    margin-left: 525px;
}
#button-1 { 
    font-size: 18px;
    padding: 10px;
}
}
@media screen and (max-width: 1024px) { 
    html { 
        margin-top:30px;
        font-family:  'Lato', sans-serif;
        text-align:center;
    } 
    h2 { 
        text-align:center;
    }
    div { 
        text-align:center;
        margin-bottom: 50px;
        margin-right: 250px;
        margin-left: -100px;
    }
    label {
        text-align:center;
    }
    
    #sth { 
        text-align:center;
        height: 200px; 
        width: 200px; 
        margin-top: 100px; 
        margin-left: 390px;
    }
    #button-1 { 
        font-size: 18px;
        padding: 10px;
        margin-left:-100px;
    }
}