html {
    font-size: 100%;
}
body {
    color: #8b8e90;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: 300;
    height: 100%;
    line-height: 20px;
    margin: 0;
    overflow-x: hidden;
}
#header {
    font-family: brandon-grotesque,"Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    width: 100%;
    z-index: 1000;
}
.t-center{text-align:center;border:none;}
.page-title{font-size: 2.5em;margin:1em;line-height: 1.2em;}
.header-title{font-size: 3em;margin:1em;}
.paragraph{margin:1em;}
.message{font-size: 1.2em;
    font-weight: 800;
    line-height: 1.5em;
    margin: 1em auto 2em;
    max-width: 500px;
    padding: 2em;border-radius: 6px;}
.bgred{background-color:#ee2323;}
.bggreen{background-color:#21d313;}  
.fgwhite{color:#ffffff;}  
.dis_none{display:none;}
input[type=text]{ 
	border-radius: 3px;
    border-width: 0;
    font-size:1.6em;
    box-shadow: 0 0 0 1px #7f898e;
    color: #7f898e;
    font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    height: 1em;
    line-height: 1em;
    padding: 1em;
    width: 80%;max-width:400px;margin:0.5em;-webkit-appearance: none;}
input[type=text]:focus{    background-color: #f4fafe;
    color: #2383ee;}
input[type=text]::placeholder {
  color: #c0c0c0;
}
.button{
    border-radius: 0 3px 3px 0;
    background: none repeat scroll 0 0 #fff;
    border: 0 none !important;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #2383ee;
    color: #2383ee;
    text-align: center;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
    font-size:1.6em;
    font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
	height: 3em;
    line-height: 1em;
    padding: 1em;
	cursor:pointer;
width: 80%;max-width:400px;margin:0.5em;-webkit-appearance: none;
}
.button:hover{    
	border-radius: 0 3px 3px 0;
    background-color: #2383ee;
    color: #fff;
    border: 0 none !important;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #2383ee;
    }
.captcha{
	border-radius: 3px;
    border-width: 0;
    box-shadow: 0 0 0 1px #7f898e;
    height: 5.5em;
    line-height: 5em;
    margin: 0;
    max-width: 400px;
    vertical-align: middle;
    width: 80%;}
a:focus {
    outline: thin dotted #333;
    outline-offset: -2px;
}
a:hover, a:focus, a:active {
    outline: 0 none !important;
}
a {
    color: #2383ee;
    text-decoration: none;
}
a:hover {
    color: #2383ee;
    text-decoration: underline;
}

@media (max-width: 480px) {
    /* iPhone SE, small Android */
}

/* Mobile (Medium) - 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
    /* Larger phones */
}

/* Tablet (Portrait) - 768px to 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
    /* iPad, Android tablets */
}

/* Tablet (Landscape) or Small Desktop - 1024px to 1279px */
@media (min-width: 1024px) and (max-width: 1279px) {
    form {
        width:80%;
        margin:auto;
    }
}

/* Desktop (Medium) - 1280px to 1919px */
@media (min-width: 1280px) and (max-width: 1919px) {
    form {
        width:80%;
        margin:auto;
    }
}

/* Desktop (Large) - 1920px and up */
@media (min-width: 1920px) {
    form {
        width:80%;
        margin:auto;
    }
}