@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
* {font-family: "Open Sans", sans-serif; margin: 0; padding: 0;}
body {margin: 0; padding: 0; background: #111; background-repeat: no-repeat;}

.wrapper{width: 1000px; margin: 0 auto;}

.signupSection {* background: url(img/bg.jpg); */
  background-repeat: no-repeat; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); width: 800px; height: 450px; text-align: center; display: flex; color: white; box-shadow: 3px 10px 20px 5px rgba(0, 0, 0, 0.5);}
.signupSection1 {  /* background: url(img/bg.jpg); */
     background-repeat: no-repeat;    position: absolute;    transform: translate(-50%, -50%);    width: 800px;    height: 450px;    text-align: center;    display: flex;    color: white;    box-shadow: 3px 10px 20px 5px rgba(0, 0, 0, 0.5);  }
.info {width: 45%; background: rgba(20, 20, 20, 0.8); padding: 30px 0; border-right: 5px solid rgba(30, 30, 30, 0.8);}
.info h2 {padding-top: 30px; font-weight: 300;}
.info p {font-size: 18px;}
.info .icon {font-size: 8em; padding: 20px 0; color: #0ab4b4;}
.signupForm {width: 70%; padding: 30px 0; background: rgba(20, 40, 40, 0.8); transition: 0.2s;}
.signupForm h2 {font-weight: 300;}
.inputFields {margin: 15px 0; font-size: 16px; padding: 10px; width: 250px; border: 1px solid #0ab4b4; border-top: none; border-left: none; border-right: none; background: rgba(20, 20, 20, 0.2); color: white; outline: none;}
.noBullet {list-style-type: none; padding: 0;}
#join-btn {border: 1px solid #0ab4b4; background: rgba(20, 20, 20, 0.6); font-size: 18px; color: white; margin-top: 20px; padding: 10px 50px; cursor: pointer; transition: 0.4s;}
#join-btn:hover {background: rgba(20, 20, 20, 0.8); padding: 10px 80px;}

.linkSubmForm{position: static; width: 90%; transform: none; margin: 30px 5%; display: block; height: auto;}
.linkSubmForm .info{width: 100%; border-right: none;}
.linkSubmForm .info h2{padding-top: 0;}
.linkSubmForm .signupForm{width: 100%;}
.linkSubmForm .noBullet li{display: inline; margin: 0 5px;}

.linkTableCont{width: 90%; margin: 10px 5% 20px;}
.linkTableCont table{text-align: left; border-collapse: collapse;}
.linkTableCont table tr{padding: 2px 0; border-bottom: 1px solid #313131;}
.linkTableCont table th,
.linkTableCont table td{color: #fff; padding: 5px 0;}

@media (max-width: 999px){
  .wrapper{width: 100%;}
}