@font-face {
    font-family: trebuc; /* Гарнитура шрифта */
    src: url(trebuc.ttf); /* Путь к файлу со шрифтом */
   }

@media(max-width: 2560px){
	body{
	margin: 0 auto;
	width: 1800px;
	}

	header{
		margin: 0 auto;
		width: 1200px;
		height: 200px;
	}

	.logo{
		margin: 0 auto;
		width: 300px;
		height: 200px;
		background: url('Cisco_logo.svg.png') no-repeat;
		background-position: center;
		position: absolute;
	}

	.naim{
		margin: 0 auto;
		margin: 0px 0px 0px 360px;
		width: 900px;
		height: 200px;
	
		color: #049fd9;
		font-size: 2.5em;
		font-family: 'trebuc';
		font-weight: bolder;

		position: absolute;
	}

	.form{
		margin: 0 auto;
		width: 300px;
		height: 200px;
		border: 2px solid #049fd9;
		border-radius: 20px;
		padding: 20px;
		color: #049fd9;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum:hover{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	input{
		outline:none;
	}

	.enumb{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #a1a1a1;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}

	.enumb:hover{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #FFF;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}

}


/* -----------------------------------------------------*/
@media(max-width: 1600px){
	body{
	margin: 0 auto;
	width: 1000px;
	}

	header{
		margin: 0 auto;
		width: 1000px;
		height: 200px;
	}

	.logo{
		margin: 0 auto;
		width: 300px;
		height: 200px;
		background: url('Cisco_logo.svg.png') no-repeat;
		background-position: center;
		position: absolute;
	}

	.naim{
		margin: 0 auto;
		margin: 50px 0px 0px 340px;
		width: 700px;
		height: 200px;
	
		color: #049fd9;
		font-size: 1.5em;
		font-family: 'trebuc';
		font-weight: bolder;

		position: absolute;
	}

	.form{
		margin: 0 auto;
		width: 300px;
		height: 200px;
		border: 2px solid #049fd9;
		border-radius: 20px;
		padding: 20px;
		color: #049fd9;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum:hover{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	input{
		outline:none;
	}

	.enumb{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #a1a1a1;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}

	.enumb:hover{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #FFF;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}

}
/* -----------------------------------------------------*/
@media(max-width: 1024px){
	body{
		margin: 0 auto;
		width: 900px;
	}

	header{
		margin: 0 auto;
		width: 500px;
		height: 400px;
	}

	.logo{
		margin: 0 auto;
		width: 500px;
		height: 200px;
		background: url('Cisco_logo.svg.png') no-repeat;
		background-position: center;
		position: absolute;
	}

	.naim{
		margin: 0 auto;
		margin: 180px 0px 0px 0px;
		width: 900px;
		height: 200px;
	
		color: #049fd9;
		font-size: 1.5em;
		font-family: 'trebuc';
		font-weight: bolder;

		position: absolute;
	}

	.form{
		margin: 0 auto;
		width: 300px;
		height: 200px;
		border: 2px solid #049fd9;
		border-radius: 20px;
		padding: 20px;
		color: #049fd9;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum:hover{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	input{
		outline:none;
	}

	.enumb{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #a1a1a1;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}

	.enumb:hover{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #FFF;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}
}

/* -----------------------------------------------------*/
@media(max-width: 800px){
	body{
		margin: 0 auto;
		width: 500px;
	}

	header{
		margin: 0 auto;
		width: 500px;
		height: 400px;
	}

	.logo{
		margin: 0 auto;
		width: 500px;
		height: 200px;
		background: url('Cisco_logo.svg.png') no-repeat;
		background-position: center;
		position: absolute;
	}

	.naim{
		margin: 0 auto;
		margin: 180px 0px 0px 0px;
		width: 500px;
		height: 80px;
	
		color: #049fd9;
		font-size: 1em;
		font-family: 'trebuc';
		font-weight: bolder;
		text-align: center;

		position: absolute;
	}

	.form{
		margin: 0 auto;
		width: 300px;
		height: 200px;
		border: 2px solid #049fd9;
		border-radius: 20px;
		padding: 20px;
		color: #049fd9;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum:hover{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	input{
		outline:none;
	}

	.enumb{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #a1a1a1;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}

	.enumb:hover{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #FFF;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}
}

/* -----------------------------------------------------*/
@media(max-width: 640px){
	body{
		margin: 0 auto;
		width: 400px;
	}

	header{
		margin: 0 auto;
		width: 400px;
		height: 400px;
	}

	.logo{
		margin: 0 auto;
		width: 400px;
		height: 200px;
		background: url('Cisco_logo.svg.png') no-repeat;
		background-position: center;
		position: absolute;
	}

	.naim{
		margin: 0 auto;
		margin: 180px 0px 0px 0px;
		width: 400px;
		height: 80px;
	
		color: #049fd9;
		font-size: 1em;
		font-family: 'trebuc';
		font-weight: bolder;
		text-align: center;

		position: absolute;
	}

	.form{
		margin: 0 auto;
		width: 300px;
		height: 200px;
		border: 2px solid #049fd9;
		border-radius: 20px;
		padding: 20px;
		color: #049fd9;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	.enum:hover{
		width: 220px;
		height: 25px;
		background: #049fd9;
		color: #fff;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-family: 'trebuc';
		font-weight: bold;
	}

	input{
		outline:none;
	}

	.enumb{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #a1a1a1;
		border: 2px solid #049fd9;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}

	.enumb:hover{
		width: 220px;
		height: 32px;
		background: #049fd9;
		color: #FFF;
		border: 2px solid #a1a1a1;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
	}
}












/*

body{
	margin: 0 auto;
}

/*
header{
	margin: 0 auto;
	width: 300px;
	height: 200px;
	background: url('Cisco_logo.svg.png') no-repeat;
	background-position: center;
}
*/
/*
header{
	margin: 0 auto;
	width: 900px;
	height: 200px;
}

.logo{
	width: 300px;
	height: 200px;
	background: url('Cisco_logo.svg.png') no-repeat;
	position: absolute;
}

.naim{
	margin: 25px 0px 0px 300px;
	width: 600px;
	height: 200px;
	
	color: #049fd9;
	font-size: 1.5em;
	font-family: 'trebuc';
	font-weight: bolder;

	position: absolute;
}

.form{
	/*margin: 0 auto;*//*
	width: 300px;
	height: 200px;
	border: 2px solid #049fd9;
	border-radius: 20px;
	padding: 20px;
	color: #049fd9;
	font-family: 'trebuc';
	font-weight: bold;
}

.enum{
	width: 220px;
	height: 25px;
	background: #049fd9;
	color: #fff;
	border: 2px solid #049fd9;
	border-radius: 10px;
	text-align: center;
	font-family: 'trebuc';
	font-weight: bold;
}

.enum:hover{
	width: 220px;
	height: 25px;
	background: #049fd9;
	color: #fff;
	border: 2px solid #a1a1a1;
	border-radius: 10px;
	text-align: center;
	font-family: 'trebuc';
	font-weight: bold;
}

input{
	outline:none;
}

.enumb{
	width: 220px;
	height: 32px;
	background: #049fd9;
	color: #a1a1a1;
	border: 2px solid #049fd9;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
}

.enumb:hover{
	width: 220px;
	height: 32px;
	background: #049fd9;
	color: #FFF;
	border: 2px solid #a1a1a1;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
}