CSS not responding

What specifically is broken? It’s a lot easier if you identify that CSS rather than have us look through that 1300 lines of code

html, body {
    max-width: 100%;
    overflow-x: hidden;
    background:black;
}

#phone   {font-size:18px; }
p.serviceheader {font-size:18px; color:#464646;}
#servicetext {margin-top:-227px; margin-left:15px; color:#ffffff;}
#servicelink {margin-top:-4px; margin-left:15px}
#securitylink {margin-top:20px; margin-left:2px}
#networkinfrastructurelink {margin-top:-20px; margin-left:-2px}
#itlink {margin-top:-20px; margin-left:8px}
#datalink {margin-top:46px; margin-left:8px; color:#ffffff;}
#personnellink {margin-top:6px; margin-left:15px}
#hometext {font-size:31px; text-align:right; line-height:1.5; font-weight:bold; margin-top:-25px;}
#abouthome {margin-left:20px; float:left;}
#contacthome {font-size:23px; color:#464646; font-weight:bold;}
#prefooter {color:#464646; font-size:23px;}
#careershome {color:#464646; font-size:18px; margin-top:-5px;}
#jointeam {color:#464646; font-size:23px; margin-top:35px;}
#benefits {color:#464646; font-size:23px; margin-top:7px;}
#joinus {color:#464646; font-size:23px; margin-top:38px; }
#employees {color:#464646; font-size:18px; margin-top:10px; line-height:20px;}
p.corporateoffice {font-size:20px; color:#464646;}
p.officetext {color:#464646;}
#footer-links {font-size:12px;}
#chamberlogo {margin-top:10px; margin-left:28px;}
#sbalogo {margin-left:3px;margin-top:30px;}
#bicsilogo {margin-left:53px;}
#alliance {margin-left:15px;}
#mbchamber {margin-left:3px;}
#pmilogo {margin-left:55px;}
.prefooterlink a {color:#464646;}
#afcealogo {margin-bottom:-9px; margin-left:30px;}
#bbb {margin-left:17px;}
#infocommlogo {margin-left:40px;}
h1.relatedpgs {font-size:24px; color:#990812; margin-left:-8px;}
h1.pheader {font-size:26px;}
.customheader {margin-top:-60px;}
.bodycontentalign {margin-left:11px;}
.navalign {margin-top:-15px; margin-left:11px;}
.topphone {margin-top:-25px;margin-left:105px;}
.socialicons {margin-top:-32px; margin-left:60px;}
.footercontactinfo {background:url('/wp-content/uploads/2012/05/ragedge-right.gif') repeat-y scroll right top #ECECEC;
  color: #5a5858;
  float: left;
  min-height:260px;
  width: 260px;
}
.footerlogos {background:url('/wp-content/uploads/2012/05/ragedge-left.gif') repeat-y scroll left top #ECECEC;
  color: #5A5858;
  float: left;
  min-height:260px;
  width: 680px;
  margin-left:-95px;
}
.innerpagenav {background-color:#ececec;}
#block-69 {margin-top:-15px;}
#block-72 {margin-top:-74px; margin-left:-1px;}
#block-73 {margin-top:-70px; margin-left:-19px; background-color:#000000; color:#ffffff;}
#block-372 {margin-top:-55px;}
#block-370 {margin-top:-45px;}
#block-25 {margin-top:25px;}
#datacentertext {margin-top:-245px; margin-left:10px; color:white;}
#itintegrationtext {margin-top:-245px; margin-left:10px; color:white;}
#securitytext {margin-top:-245px; margin-left:10px; color:#ffffff;}
#networkinfrastructuretext {margin-top:-245px; margin-left:10px; color:#ffffff;}
#vtctext {margin-top:-245px; margin-left:5px; color:#ffffff;}

/*regular site css*/

.container
{

   background-color:white;
    display:inline-block;
    height:100%;
    width: 100%;
    text-align: left;
    font-size: 1em;

}

.square
{

    width:19.5%;
   margin:auto;
   /* border: solid 1px #ccc; */
    display: inline-block;
   vertical-align:middle;
}

.words
{
 background-color:#990913; color:white;
 text-align:left;
 width:12.8em;height:15em;
 line-height:30px;
 text-align:center;

}

#block-72 li.widget
{
  margin-bottom:2%;
}
.title
 {
   /*display:inline-block;*/
  font-size:18px;
  padding-bottom:5px;
  /*color:#444444;*/
}

  #block-73 li.widget
  {
    margin-top:5%;

  }

  #block-66
  {
    /*background-color:purple;*/
    position:relative;
    top:-1px;
    margin-left:105px;

  }
  #block-67
  {
    padding-top:5%;
  }

  #block-52
  {
    padding-top:15px;
  }
  a.linktext
{
  color:#464646 !important; font-size:20px;
}
a.linktext1
{
  color:#464646 !important; font-size:20px;
}
a.linktext2
{
  color:#464646 !important; font-size:20px;
}

  .centerlink
  {
    text-align: center!important;
  }
.fb-hide
{
  position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.corporateoffice
{
  color:#464646;
  font-size:20px;
}
.officetext
{
   color:#464646;
}

@media screen and (device-width:800px) and (orientation:landscape)
  {
     .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
{

    top:330px;
    position-left:50px;

}
.corporateoffice
{
  color:#464646;
  font-size:14px;
}
.officetext
{
    font-size:12px;
   color:#464646;
}
}

@media screen and (min-width: 768px)and (orientation:portrait)/*ipad*/
{
  .container
        {
          height:100%;
          width:100%;
          text-align:center;
          background-color:white;
            display:inline-block;

        }
      .square
      {
         margin:auto;
          width:15em!important;
          text-align:center;
          display:inline-block;

        }
    .words
      {

        width:100%;
      }
      a.linktext
      {
        color:#464646 !important; font-size:17px;
      }
        a.linktext1
        {
         color:#464646 !important; font-size:17px;
        }
        a.linktext2
       {
          position: absolute !important;
         top: -9999px !important;
         left: -9999px !important;

        }
        #block-172
        {
            position: absolute !important;
         top: -9999px !important;
         left: -9999px !important;
        }
   .centerlink
  {
    text-align: center;
  }
  #block-65
  {
    margin:-65 0 0 0 ;
    position:absolute;
    left:75px;

  }
  .topphone
  {
   position:absolute;
      top:325px;
      left:400px;
      font-weight:bold;
      line-height:1px;
      letter-spacing:.1px!important;

  }
.socialicons
  {
      left:25px!important;
      top:305px;
  }
  #block-67
  {
     left:25px!important;
      top:305px;
  }

 /*.officetext
 {
     font-size:12px;
 }
 .corporateoffice
 {
     font-size:14px;
 }*/

  /* #block-249
  {
         position:absolute;
      top:360px!important;
      left:400px!important;
      font-weight:bold!important;
      font-size:23px;
      line-height:1px;

  }
  #block-301
  {
         position:absolute;
      top:360px!important;
      left:400px!important;
      font-weight:bold!important;
      font-size:23px;
      line-height:1px;

  }
  #block-126
{
      position:absolute;
      top:360px!important;
      left:400px!important;
      font-weight:bold!important;
      font-size:23px;
      line-height:1px;
}
    #block-31
    {
        position:absolute;
      top:360px!important;
      left:400px!important;
      font-weight:bold!important;
      font-size:23px;
      line-height:1px;
    }
    #block-10
    {
         position:absolute;
      top:360px!important;
      left:400px!important;
      font-weight:bold!important;
      font-size:23px;
      line-height:1px;
    }
      #block-358
    {
         position:absolute;
      top:360px!important;
      left:400px!important;
      font-weight:bold!important;
      font-size:23px;
      line-height:1px;
    }*/
    .hwr-form-title
    {
        line-height:25px;
    }
     .threeLines
    {
        position:absolute!important;
        top:45px!important;
    }
}

@media screen and (min-width:1025px) /*and (orientation:landscape)*/
{
     .hide
  {
          position: absolute !important;
         top: -9999px !important;
         left: -9999px !important;

  } 

   a.linktext1
       {
          position: absolute !important;
         top: -9999px !important;
         left: -9999px !important;

  } 

}

@media screen and (min-width:712px) and (max-width:1024px) and (orientation:landscape)/*between* ipad landscape*/
{
    .threeLines
    {
        position:absolute!important;
        top:25px!important;
    }
      .container
        {
         /* height:100%;*/
          width:100%;
          text-align:center;
          background-color:white;
            /*display:inline-block;*/

        }
      .square
      {

         margin:auto;
          width:12em;
          text-align:left;

        }
    .words
    {
        width:100%;
        height:240px;
        /*color:red;*/
    }
     a.linktext1
       {
          position: absolute !important;
         top: -9999px !important;
         left: -9999px !important;

  }

  .socialicons
  {
    position:absolute!important;
      top:360px;
      left:700px!important;

  }
  .topphone
  {
      font-weight:bold;
  }
}
@media screen and (min-width: 681px) and (max-width:711px) and  (orientation:landscape)
{
    .container
        {
         /* height:100%;*/
          width:100%;
          text-align:center;
          background-color:white;
            /*display:inline-block;*/

        }
      .square
      {

         margin:auto;
          width:14em;
          text-align:left;

        }
        a.linktext1
       {
          position: absolute !important;
         top: -9999px !important;
         left: -9999px !important;

  }
  .words
  {
      width:100%;
  }
  .topphone
  {
      font-weight:bold;
      letter-spacing:-1px;
  }
  .socialicons
  {
      position:absolute!important;
      left:451px!important;
      top:319px!important;
  }

}
@media screen and (max-width: 680px) and (orientation:landscape)

  {
                    #wrapper-4,#wrapper-5,#wrapper-9,#wrapper-10,#wrapper-11,#wrapper-12,#wrapper-13,#wrapper-14,#wrapper-15,#wrapper-16,#wrapper-17/*stops from scrolling horizontal*/
                 {
                       width:auto;
                      overflow: hidden;
                      padding :0.5em;
                 }

                .hide  /*logo*/
                  {

                    width:68%;
                    height: 185px;
                     /*display: block;*/
                    margin: auto !important;
                  }
                .footerlogos
                {
                     position: absolute !important;
                       top: -9999px !important;
                       left: -9999px !important;
                }
                     .container
                    { 

                      width:100%;
                      text-align:center;
                      background-color:white;
                        /*display:inline-block;*/

                    }
                  .square
                  {

                     margin:auto;
                      width:20em;
                      text-align:left;

                    }

                     .words
                      {
                         width:100%;
                         font-size:16px;
                          height:180px;
                        text-align:center;
                      }

                #block-72 li.widget
                    {
                      margin-bottom:2%;
                    }
                .title
                   {
                     /*display:inline-block;*/
                    font-size:18px;
                    padding-bottom:5px;
                    /*color:#444444;*/
                  }

                #block-73 li.widget
                  {
                    margin-top:5%;

                  }

               .insideimg
              {

                height:auto;
                width:300px;
                float:right;

              }

              a.linktext2
              {
                position: absolute !important;
               top: -9999px !important;
               left: -9999px !important;
              }
              .centerlink
              {
                text-align: center;
              }

              .corporateoffice
              {
                font-color:black!important;
                font-size:17px!important;
                font:semi-bold;
                white-space:nowrap !important;
              }
              .officetext
              {
                font-size:16px!important;
              }

             .socialicons
             {
                  display:inline-block;
               /* background-color:grey!important;*/
                position:relative;
                left:350px;
                top:-15px!important;
                z-index:2;  

             }

            a.linktext
            {
              color:#464646 !important; font-size:20px;
            }
            a.linktext1
            {
              color:#464646 !important; font-size:20px;
            }
              .block-type-hwr-contact #hwr-contact-27 .hwr-form-title
              {
                  line-height:90%;
                }

              .contact
                {
                    background:blue!important;
                    display:inline!important;
                    /*position:absolute!important;*/
                    top:19px!important;

                }

              .topphone
              {
                  position:relative;
                   top:215px!important;
                  left:5px!important;
                  font-weight:bold!important;
                  /*background:blue!important;*/

              }
            /*    #block-249
              {
                    position:absolute;
                  top:230px!important;
                  left:5px!important;
                  font-weight:bold!important;

              }
              #block-301
              {
                    position:absolute;
                  top:230px!important;
                  left:5px!important;
                  font-weight:bold!important;

              }
              #block-126
            {
                 position:absolute;
                  top:230px!important;
                  left:5px!important;
                  font-weight:bold!important;

            }
                #block-31
                {
                    position:absolute;
                  top:230px!important;
                  left:5px!important;
                  font-weight:bold!important;

                }
                #block-10
                {
                    position:absolute;
                  top:230px!important;
                  left:5px!important;
                  font-weight:bold!important;

                }
                */
                .customheader
                {
                    position: absolute !important;
                   top: -9999px !important;
                   left: -9999px !important;
                }
                /*.threeLines
                {
                    position:absolute!important;
                    top:25px!important;
                }*/
}

 @media screen and (width:640px) and (orientation:landscape)
 {

        .threeLines
              {
           position:absolute!important;
          top:40px!important;
               }
     #block-66
     {
         position:absolute!important;
        top:286px!important;
     }
           #block-358
              {
                  position:absolute;
                  top:286px!important;
                  left:5px!important;
                  font-weight:bold!important;
                  /*background:red!important;*/

              }

       #block-249
              {
                    position:absolute;
                  top:286px!important;
                  left:5px!important;
                  font-weight:bold!important;
                  /*background:orange!important;*/

              }
              #block-301
              {
                    position:absolute;
                  top:286px!important;
                  left:5px!important;
                  font-weight:bold!important;
                 /* background:pink!important;*/

              }
              #block-126
            {
                 position:absolute;
                  top:286px!important;
                  left:5px!important;
                  font-weight:bold!important;
                  /*background:purple!important;*/
            }
                #block-31
                {
                    position:absolute;
                  top:286px!important;
                  left:5px!important;
                  font-weight:bold!important;
                 /* background:green!important;*/
                }
                #block-10
                {
                    position:absolute;
                  top:286px!important;
                  left:5px!important;
                  font-weight:bold!important;
                  /*background:grey!important;*/
                }
 }
   @media screen and (width:603px)
   {
       .topphone
       {
            font-weight:bold;
        }
        #block-172
        {
           position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
        }
         .container
            {

              width:100%;
              text-align:center;
              background-color:white;

            }
          .square
          {
             margin:auto;
              width:15em;
              text-align:left;

            }
            .socialicons
            {
                position:absolute!important;
                top:300px!important;
                left:400px;
            }
   }
    @media screen and (width:600px) and (orientation:portrait)/*tablet 7 inch*/
    {
            .container
            {

              width:100%;
              text-align:center;
              background-color:white;

            }
          .square
          {
             margin:auto;
              width:12.85em;
              text-align:left;

            }
          /*a.linktext1
            {
                position: absolute !important;
               top: -9999px !important;
               left: -9999px !important;
            }*/
          .centerlink
          {
            text-align: center;
          }
          .socialicons
          {
              position:absolute!important;
              top:224px!important;
              left:440px!important;
             /*background:red!important;*/
          }
          .topphone
          {
              left:40px;
              font-weight:bold;
          }
        .footerlogos
          {
            display:hidden;
          }

    }
/*@media only screen and (device-height:568px) and (device-width:320px) and (-webkit-min-device pixel-ratio:2) and (orientation :landscape) *//*iphone 5*/
  @media screen and (device-aspect-ratio: 40/71) and (orientation:landscape)
  {

       .container
        {

          width:100%;
          text-align:center;
          background-color:white;

        }
      .square
      {
          margin:auto;
          width:18em;
          text-align:left;

        }

        #block-66
        {

            font-size:10px!important;

            }
            .words
            {
                height:205px;
                font-size:18px;
            }
            .officetext
            {
                font-size:10px!important;
            }
            .corporateoffice
            {
                font-size:12px!important;
            }
            .topphone
            {
                top:230px;
            }

        }
@media screen and (min-width:533px) and (max-width:560px) and (orientation:landscape)/*HTC Desire*/
{
     container
  {
        width:100%;
    	text-align:left;
    	height:auto;
     background-color:white;
    }
  .square{
     margin:auto;
    width:15em!important;
    text-align:left;
    display:inline-block;
     background-color:white;

  }

    #block-66
    {
        position:absolute!important;
        top:265px!important;
        left:75px!important;
    }
     #block-358
              {
                  position:absolute;
                  top:265px!important;
                  left:75px!important;

                  /*background:red!important;*/

              }

       #block-249
              {
                    position:absolute;
                  top:265px!important;
                  left:75px!important;

                  /*background:orange!important;*/

              }
              #block-301
              {
                    position:absolute;
                  top:265px!important;
                  left:75px!important;

                 /* background:pink!important;*/

              }
              #block-126
            {
                 position:absolute;
                  top:265px!important;
                  left:75px!important;

                  /*background:purple!important;*/
            }
                #block-31
                {
                    position:absolute;
                  top:265px!important;
                  left:75px!important;
                  font-weight:bold!important;
                 /* background:green!important;*/
                }
                #block-10
                {
                    position:absolute;
                  top:265px!important;
                  left:75px!important;
                  font-weight:bold!important;
                  /*background:grey!important;*/
                }
}
 @media screen and (width:533px) and (orientation:portrait)
{

      container
  {
        width:100%;
    	text-align:left;
    	height:auto;
     background-color:white;
    }
  .square{
     margin:auto;
    width:15em!important;
    text-align:left;
    display:inline-block;
     background-color:white;

  }
  .socialicons
  {

      position:absolute!important;
      top:235px!important;
      left:400px!important;
  }
  .topphone
  {
      left:35px;
      font-weight:bold!important;
  }

}

@media screen and (min-width:481px) and (orientation:portrait)
{
    container
  {
        width:100%;
    	text-align:left;
    	height:auto;
     background-color:white;
    }
  .square{
     margin:auto;
    width:15em;
    text-align:left;
    display:inline-block;
     background-color:white;

  }
   a.linktext2
  {
    position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
  }
    .words
    {
        width:100%;

    }
   .topphone
   {
       font-weight:bold;
       /*position:absolute;
       left:35px;*/
   }
   .socialicons
   {
       left:350px;
       top:225px;
   }
}

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape)
 /*@media only screen and (max-width:500px) and (orientation:landscape)*/
{

    .container
        {

          width:100%;
          text-align:center;
          background-color:white;

        }
      .square
      {

          margin:auto;
          width:15em!important;
          text-align:left;

        }

      .words
      {
        width:100%;
        height:203px;
        text-align:center;
        font-size:16px!important;

      }

  .officetext
  {
    font-size:12px!important;
  }
  .coporateoffice
  {
    font-size:14px!important;
  }

  .contact1{
    position:absolute;
    top:2050px!important;
    margin-top:0px;

  }

.topphone
{
    position:absolute!important;
   left:125px!important;
    top:165px!important;
    font-weight:bold;

}

  .socialicons
  {
    position:absolute;
    left:300px!important;
    top:150px!important;
  }

 /* #block-358
  {
      position:absolute;
      top:220px!important;
      left:50px!important;
      font-weight:bold!important;

  }
  #block-249
  {
        position:absolute;
      top:220px!important;
     left:50px!important;
      font-weight:bold!important;

  }
  #block-301
  {
        position:absolute;
      top:220px!important;
       left:50px!important;
      font-weight:bold!important;

  }
  #block-126
{
     position:absolute;
      top:220px!important;
       left:50px!important;
     font-weight:bold!important;
}
    #block-31
    {
        position:absolute;
      top:220px!important;
      left:50px!important;
      font-weight:bold!important;
    }
    #block-10
    {
        position:absolute;
      top:220px!important;
       left:50px!important;
     font-weight:bold!important;
    }*/

}
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation:portrait)/*small devices*/

{

  .hide/*logo*/
  {
    margin-top:10%;
   margin-bottom:2px;
   display:block;
  }
 a.linktext2
  {
    position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
  }
  .container
  {
        width:100%;
    	text-align:left;
    	height:auto;
     background-color:white;
    }
  .square{
     margin:auto;
    width:100%;
    text-align:left;
    display:inline-block;
     background-color:white;

  }

.words
{
    color:white;
    font-size:18px;
    text-align:center;
    background-color:#990913;
    width:100%;
    height:150px;

}
.title
 {
    width:100%;
  }

  #block-73 li.widget
  {
    margin-top:30%;

  }

#block-66
 {
     position: relative;
    top: 45px!important;
    padding-left:60%;
    font-weight:bold !important;
    z-index:3;
    line-height:4px;
}
#block-358
  {
      position: relative;
    top: 45px!important;
    padding-left:60%;
    font-weight:bold !important;
    z-index:3;
    line-height:4px;

  }
  #block-249
  {
       position: relative;
    top: 45px!important;
    padding-left:60%;
    font-weight:bold !important;
    z-index:3;
    line-height:4px;

  }
  #block-301
  {
      position: relative;
    top: 45px!important;
    padding-left:60%;
    font-weight:bold !important;
    z-index:3;
    line-height:4px;

  }
  #block-126
{
     position: relative;
    top: 45px!important;
    padding-left:60%;
    font-weight:bold !important;
    z-index:3;
    line-height:4px;
}
    #block-31
    {
       position: relative;
    top: 45px!important;
    padding-left:60%;
    font-weight:bold !important;
    z-index:3;
    line-height:4px;
    }
    #block-10
    {position: relative;
    top: 45px!important;
    padding-left:60%;
    font-weight:bold !important;
    z-index:3;
    line-height:4px;
    }

  .insideimg
  {

    height:120px;
    width:140px;
    float:right;
   }
   .centerlink {
    text-align: center;
  }
  .footer
  {
    color:black!important;
    font-size:20px;
  }

   .fb
  {
    background:white;
  }
  .fb-hide
  {
    position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
  }
  .insideimg
  {

    height:auto;

    float:right;

  }
}
@media screen and (max-width: 319px)
{
      .container
  {
        width:100%;
    	text-align:left;
    	height:auto;
     background-color:white;
    }
  .square{
     margin:auto;
    width:20em;
    text-align:left;
    display:inline-block;
     background-color:white;

  }
  .words
  {
      width:100%;
  }
a.linktext2
  {
    position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
  }

}
@media screen and (min-width:0px) and (max-width:319px) and (orientation:portrait)
{
    .container
  {
        width:100%;
    	text-align:left;
    	height:auto;
     background-color:white;
    }
  .square{
     margin:auto;
    width:14em;
    text-align:left;
    display:inline-block;
     background-color:white;

  }
  .words
  {
      height:250px;
  }

}

This is the new code. I am still trying to move .topphone in the media query @media screen and (max-width: 680px) and (orientation:landscape)

Have you given your website to the CSS validator at W3C, this will sometimes find syntax and code errors.
https://validator.w3.org/

Suggest that you install a browser inspector like firebug, it shows you how your html is formed and how your css is working. All the browsers have similar tools, maybe you have to change the media criteria to test a different block of CSS.

Is your site on the net yet ?
It would help us help you if you included a link to your website.

This is his link: https://sandbox.mercomcorp.com/

Is this where you got your theme from? https://headwaythemes.com/

Yes @janet4now that is where I got my theme from

@rossmitchell
Thanks I have already done that

i think you should use the validator from w3 org