@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

html, body { height: 100%; font-family: 'Roboto', sans-serif; font-size: 12px; color: #fff; padding: 0; margin: 0; }
input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 12px; color: #fff; }
body{ background: #2A2C2A;}
#container {  margin: 0; padding: 0; width: 100%; }
#container .logoBox{ float: left; height: 300px; width: 100%; text-align: center; padding: 15vh 0 0 0;}
#container .logoBox img { max-width: 150px;}
#container .textBox { float: left; height: 140px; width: 100%; text-align: center;  padding: 40px 0;}
#container .textBox h1 { font-size: 36px; font-weight: normal; color: #fff; text-transform:uppercase; margin: 0 0 0 0;}
#container .sendingBox{ float: left; background: #6a2b33; height: 115px; width: 100%; text-align: center; padding: 40px 0; line-height:25px; }
#container .sendingBox h2{ font-size: 34px; font-weight: bold; text-transform:uppercase; color: #fff; margin:0 0 15px 0;}
#container .sendingBox p { font-size: 18px; font-weight:normal; color: #fff; margin: 0 0 10px 0;}
#container .sendingBox a { font-size: 18px; font-weight:normal; color: #fff; padding: 3px 5px; text-transform: uppercase; text-decoration: none; border-radius: 8px; border: 1px solid #fff; width: 25px;}
#container .sendingBox a:hover { background: #fff; color:#6a2b33;	}