html, body, #wrapper {
   margin: 0;
   padding: 0;
   border: 0;
}

html {
  height: 100%;
}

body {
   height: 100%;
   background: #011c3a url('/images/hudyarena_main_bg2.jpg') top center no-repeat;
   font-family:Arial;
   background-size: cover;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}

.doc_link {
   border-radius:4px;
   display:inline-block;
   padding: 10px 20px;
   color:#fff;
   text-decoration:none;
   margin: 50px auto 0px auto;
   border:1px solid rgba(255,255,255,0.5);
   font-size: 24px;
   box-shadow: 0px 3px 32px 0px #000;
}

.doc_link:hover {
   background-color:#f90000;
   box-shadow:none;
}

.main {
   margin-top: 80px;
   margin-left: -20px;
}

.main a img:hover {
      opacity: 0.7;
}

#ec10 {
   margin-right: 180px;
}

.close {
	font-size: 3px;
	color: #fff;
	float: right;
}

.footer_left {
   position: fixed;
   left: 40px;
   bottom: 40px;
}

.footer_right {
   position: fixed;
   right: 40px;
   bottom: 40px;
}

.footer_right img {
   margin-right: 20px;
}


@media only screen and (min-width: 768px) and (max-width: 1280px) {
      .main img {
         width: 40% !important;
         height: auto !important;
      }
      .main {
         margin-top: 40px;
      }

 }

 @media only screen and (max-width: 767px) {

      .main img {
         width: 80% !important;
         height: auto !important;
      }
      .main {
         margin-top: 20px;
      }

      #ec10 {
         margin: 0px;
      }

      .footer_left {
         bottom: 100px;
         left: 24px;
      }

      .footer_left img {
         width: 50% !important;
         height: auto !important;
      }

      .footer_right img {
         width: 30% !important;
         height: auto !important;
      }

      .footer_right {
         right: 20px;
         left: 20px;
      }

 }