@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,500,600,700,900');body{background:#3e4095;font-family:'Roboto',sans-serif;font-size:14px;overflow:auto;}#wrapper #inner{padding:20px;}#wrapper #inner nav{text-align:center;}#wrapper #inner nav ul{margin:0;padding:0;}#wrapper #inner nav ul li{padding:0 10px;display:inline-block;}#wrapper #inner nav ul li a{color:#ccc;font-size:13px;text-transform:uppercase;}#wrapper #inner .box{max-width:600px;width:100%;margin:15px auto;height:auto;padding:10px;z-index:1;border-radius:5px;background:#0aaeee;}#wrapper #inner .box ::-webkit-input-placeholder{color:#000;}#wrapper #inner .box ::-moz-placeholder{color:#000;}#wrapper #inner .box :-ms-input-placeholder{color:#000;}#wrapper #inner .box :-moz-placeholder{color:#000;}#wrapper #inner .box input[type=text]{height:60px;width:calc(100% - 80px);float:left;background:#fff;border:2px solid #fff;border-right:none;border-radius:5px 0 0 5px;color:#000;padding:0 10px;text-transform:uppercase;font-weight:500;}#wrapper #inner .box button{float:left;border-left:none;background:#3e4095;color:#fff;height:60px;border:none;font-weight:600;font-size:16px;outline:none;vertical-align:top;text-transform:uppercase;border-radius:0 5px 5px 0;width:80px;}#wrapper #inner .logo{max-width:360px;width:100%;margin:20px auto;}#wrapper #inner .logo img{width:100%;}@media(max-width:600px){#wrapper #inner .box input[type=text],#wrapper #inner .box button{height:40px;font-size:12px;padding:0 5px;}}