Manipulating margins on desktop but not on mobile

Site URL: https://groundhog-wedge-8k5h.squarespace.com/operator

Hi all,

I played a bit with the margins for my page https://groundhog-wedge-8k5h.squarespace.com/operator (Password: Plat) but now it also effects my mobile view. Is there a way to separate them? I want mobile to behave as normal. Thanks

Did you use code to adjust margin? Can you share the code? We can check easier.

These are all the css I did for the page:

#block-707ef5618ea891252a81 {margin-top:-90px;}

#block-yui_3_17_2_1_1603284885213_18357 {margin-left: 15px; margin-top:-140px;}

#block-18a2332a27308bac9ff0 {margin-top:-180px;}

#block-yui_3_17_2_1_1603284885213_11626 {margin-top:-180px;}

.sqs-block-content ul {
  list-style-type: none;
}

ul[data-rte-list] li>*:first-child::before {
    content: "";
}

.sqs-block-content li:before {
    content: '';
    display: block;
    height: 20px;
    position: relative;
    top: 23px;
    left: -25px;
    width: 20px;
    background-image: url(https://static1.squarespace.com/static/5f8ec3149f25487aa27aedc0/t/5f972e1b916be617dd17bda9/1603743259010/checklow.png);
    background-size: contain;
    margin-right: 5px; 
}