@font-face {
	font-family: 'Terminal';
	src: url('../img/fonts/TerminalDosis-Light.eot');
	src: local('Terminal Dosis Light'), local('TerminalDosis-Light'),
		url('../img/fonts/TerminalDosis-Light.eot?#iefix') format('embedded-opentype'),
		url('../img/fonts/TerminalDosis-Light.woff') format('woff'),
		url('../img/fonts/TerminalDosis-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: local('Helvetica Neue LT Pro 35 Thin'), local('HelveticaNeueLTPro-Th'),
		url('../img/fonts/HelveticaNeueLTPro-Th.woff2') format('woff2'),
		url('../img/fonts/HelveticaNeueLTPro-Th.woff') format('woff')
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: local('Helvetica Neue LT Pro 47 Light Condensed'), local('HelveticaNeueLTPro-LtCn'),
		url('../img/fonts/HelveticaNeueLTPro-LtCn.woff2') format('woff2'),
		url('../img/fonts/HelveticaNeueLTPro-LtCn.woff') format('woff');
	font-weight: 300;
	font-style: normal;
} 

@font-face {
	font-family: 'Helvetica Neue';
	src: local('Helvetica Neue LT Pro 67 Medium Condensed'), local('HelveticaNeueLTPro-MdCn'),
		url('../img/fonts/HelveticaNeueLTPro-MdCn.woff2') format('woff2'),
		url('../img/fonts/HelveticaNeueLTPro-MdCn.woff') format('woff');
	font-weight: 500;
	font-style: normal;
} 

/* resets */

*{padding:0;margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
object,embed,video{max-width:100%;height:auto}

a{text-decoration:none}
a:focus,input,textarea{outline:0}

abbr{border-bottom: 1px dotted black}
del{color:red;text-decoration:line-through}
ins{border-bottom:1px solid green;color:green;text-decoration:none}
q{font-style:italic}
fieldset{border:0}

.adsbygoogle { bottom: 50px; height: 110px; width: 100%; position: absolute; }

html{overflow-y:scroll;background:#fff}
img{border:0;vertical-align:bottom;max-width:100%}
label{cursor:pointer}
ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}

@media screen {

/* reusable */
.clear{clear:both}
.left{float:left}
.right{float:right}
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center{ text-align:center; }
.hide{display:none}
.offscr{position:absolute;left:-9999px}
.visible{display:block !important;}

/* basic styles */
body{text-rendering:optimizeLegibility}

.msg {
  width: 100%;
  text-align: center;
  position: relative;
  color: #fff;
  font: 300 20px/28px Terminal, Arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

.msg.error { 
  background-color: #F44336;
}

.msg.success {
  background-color: #4CAF50;
}

header {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: url(../img/bg.jpg) scroll no-repeat 50% 0;
  background-size: cover;
 	background-attachment: fixed;
  z-index: 1;
}            

section {
  position: absolute;
  z-index: 2;
  top: 20%;
  margin: auto;
  left: 0;
  right: 0;
  width: 450px;
}                        

h1 {
  font: 60px/60px Terminal, Arial, sans-serif;
  color: #fff;
  position: relative;
  top: 50px;
}

h1, p {
text-shadow: 1px 1px 1px rgba(0,0,0, 0.3);
text-align: center;
}

header p {
  font: 24px/36px "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  position: relative;
  left: 20px;
  top: 50px;
}

section p {
  font: 24px/36px "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  text-align: center;
}

form{
    font-family: 'Helvetica Neue', arial, sans;
    max-width: 550px;
    padding: 30px;
    background: #FFFFFF;
    margin: auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);
    position: relative;

}
form h2{
    background: #4D4D4D;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', sans-serif;
    color: #797979;
    font-size: 18px;
    font-weight: 100;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}
form input[type="text"],
form input[type="date"],
form input[type="datetime"],
form input[type="email"],
form input[type="number"],
form input[type="search"],
form input[type="time"],
form input[type="url"],
form input[type="password"],
form textarea,
form select
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Arial, Helvetica, sans-serif;
    height: 45px;
}
form textarea{
    resize:none;
    overflow: hidden;
}

form input[name=website] {
    display: none;
}

form input[type="button"],
form input[type="submit"]{
    -moz-box-shadow: inset 0px 1px 0px 0px #45D6D6;
    -webkit-box-shadow: inset 0px 1px 0px 0px #45D6D6;
    box-shadow: inset 0px 1px 0px 0px #45D6D6;
    background-color: #2CBBBB;
    border: 1px solid #27A0A0;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 14px;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: uppercase;
}
form input[type="button"]:hover,
form input[type="submit"]:hover {
    background:linear-gradient(to bottom, #34CACA 5%, #30C9C9 100%);
    background-color:#34CACA;
}

}


@media screen and (max-width : 500px) {

h1 {
  font-size: 48px;
}

section {
  top: auto;
  bottom: 0;
  width: 100%;
  text-align: center;
}

form {
  width: 90%;
  overflow: hidden;
  padding: 5%;
}

}