/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/10/2016, 3:22:00 PM
    Author     : David
*/

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body { background:rgb(30,30,40); }
form { max-width:420px; margin:auto; }

:-moz-autofill {
	background-color: transparent !important;
}

:-webkit-autofill {
	background-color: rgba(255,255,255,0) !important;
}

.feedback-container
{
	background-image: url("//uploads.strikinglycdn.com/static/backgrounds/abstract/67.jpg");
	background-repeat: no-repeat;
    background-position: center center;
	text-align: center;
	padding: 50px;
}

.feedback-title{
	margin: auto auto 50px auto;
}

.feedback-title h1, h2{
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-family: inherit;
	color: lightgray;
	text-align: center;	
	font-weight: 400;
}

.feedback-title, h1 {
	font-size: 120%;
}

.feedback-title h2 {
	font-size: 70%;
}




.feedback-input {
	//color:white;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size: 12px;
	border-radius: 5px;
	line-height: 22px;
	background-color: transparent;
	border:2px solid white;
	transition: all 0.3s;
	padding: 13px;
	margin-bottom: 15px;
	width:100%;
	box-sizing: border-box;
	outline:0;
}

@media (min-width: 650px)
{
	.feedback-title, h1 {
		font-size: 200%;
	}

	.feedback-title h2 {
		font-size: 100%;
	}
	
	.feedback-input {
		font-size: 18px;
	}
}

.feedback-input:focus { border:2px solid purple; }

textarea {
	height: 150px;
	line-height: 150%;
	resize:vertical;
}

[type="button"] {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	width: 100%;
	background:purple;
	border-radius:5px;
	border:2px solid purple;
	cursor:pointer;
	color:white;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	transition: all 0.3s;
	margin-top:-4px;
	font-weight:700;
}
[type="button"]:hover { background:white; color: purple; border:2px solid purple; }

@media (min-width:650 px)
{
	[type="button"] {
		font-size: 24px;
	}
}