body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-size-adjust:100%} .title {background-color:#eeeeee; margin: 0 40px 0 40px;padding-bottom:70px; margin-top:-40px} .title * {padding-left:60px; } .title h1 {font-weight:bold; font-size:60px;line-height:60px; padding-top: 60px} .title h2 {line-height:40px;font-size:31.5px;margin-top:-30px} .title p {margin-top:-10px;font-style:italic} .row{width:50%;margin-left:0%} .column{display:inline; } select,input {width:200px} .frame{margin: 40px 15px 0px 90px; } .left,.right,.middle { display: inline-block; margin: 10px; vertical-align:top } .left,.right {height: 200px;background-color:#eeeeee;padding: 10px 10px 10px 10px ;width: 250px;} .middle {text-align:center;margin:40px 0 0 0;width: 100px;height: 100px;} .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } .footer { display:inline-block; height:10% } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-device-width: 480px) { .title {margin: -40px 0 0 0;padding-bottom:10px; } .title h1 {font-weight:bold; font-size:60px;line-height:60px; padding-top: 30px} .frame{margin: 40px 10px 40px 10px; } }