Using media query and some of my css classes won't move?

[csmoses]

I am making a responsive site sandbox.mercomcorp.com

@media screen and (device-width:800px) and (orientation:landscape)
  {
       html, body {
      background:white!important;
  }
 
     .container
        {
          height:100%;
          width:100%;
          text-align:center;
          background-color:white;
            display:inline-block;
 
        }
      .square
      {
         margin:auto;
          width:10.5em!important;
          text-align:center;
          display:inline-block;
 
        }
 
 
           a.linktext1
        {
          position: absolute !important;
           top: -9999px !important;
           left: -9999px !important;
        }
 
        a.linktext
        {
          color:#464646 ; font-size:18px;
        }
 
        a.linktext2
        {
          color:#464646 ; font-size:18px;
        }
        .socialicons
        {
            z-index:2;
            position:absolute!important;
            top:150px!important;
        }
       #block-172
       {
            position: absolute !important;
           top: -9999px !important;
           left: -9999px !important;
       }
}

Is my css I am trying to pull up .socialicons but it is not moving.

[nomad]

Hi csmoses:

top:150px!important;

You need to set either margin or padding to make the icon move down.

_damon