*{padding:0;margin:0;border:0;}

.clear{ clear:both; }
.left{ float:left}
.right{ float:right}
.none{ float:none}

body {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: DINPRO1;
    background-image: url("images/szurke.jpg");
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center ;
	background-attachment: fixed;
}

.gomb {
    background-color: transparent;
    border: none;
    float: left;
    color: white;
    font-family: DINPROmedium;
    font-size: 20px;
    text-decoration: none;
}

.gomb::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: white;
    transition: width .3s;
}

.gomb:hover::after {
    width: 100%;
    transition: width .3s;
}

#email{
    width: 200px;   
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-text-fill-color: rgb(150, 0, 30);
  -webkit-box-shadow: 0 0 0px 40rem #ffff inset;
}

@media only screen and (max-width: 1500px){
	h2{
	    font-size: 1.2em;
	}
    input[type="text"] {
	font-size: 1.0em;
	min-width: 15%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 13%;
    }
}
@media only screen and (max-width: 1400px){
	h2{
	    font-size: 1.2em;
	}
    input[type="text"] {
	font-size: 1.0em;
	min-width: 17%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 15%;
    }
}
@media only screen and (max-width: 1400px){
	h2{
	    font-size: 1.2em;
	}
    input[type="text"] {
	font-size: 1.0em;
	min-width: 19%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 17%;
    }
}
@media only screen and (max-width: 1200px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 21%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 19%;
    }
}
@media only screen and (max-width: 1000px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 23%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 21%;
    }
}

@media only screen and (max-width: 920px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 25%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 23%;
    }
}

@media only screen and (max-width: 830px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 25%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 23%;
    }
}
@media only screen and (max-width: 800px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 30%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 28%;
    }
}
@media only screen and (max-width: 800px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 32%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 30%;
    }
}
@media only screen and (max-width: 660px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 34%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 32%;
    }
}
@media only screen and (max-width: 600px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 40%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 38%;
    }
}

@media only screen and (max-width: 520px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 44%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 42%;
    }
}
@media only screen and (max-width: 480px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 52%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 50%;
    }
}
@media only screen and (max-width: 420px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 56%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 54%;
    }
}

@media only screen and (max-width: 380px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 67%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 65%;
    }
}
@media only screen and (max-width: 360px){
	h2{
	    font-size: 1.0em;
	}
	input[type="text"] {
	font-size: 1.0em;
	min-width: 73%;
    }
	input[type="submit"] {
	font-size: 1.0em;
	min-width: 71%;
    }
}