/* CSS Document */
@media screen and (max-width: 1000px) and (min-width: 501px){
	html{
		padding: 0;
		margin: 0;
	}
	a{ 
		text-decoration: none;
		color: black;
	}
	.tab1{
		width: 100%;
		height: 100%;
	}
	.bu{
		width: 100%;
		height: 100%;
		font-size: 120px;
		text-align: center;
		padding: 0px;
	}
	.bu1{
		width: 100%;
		height: 100%;
		font-size: 100%;
		padding: 0px;
	}
	.send{
		width: 100%;
		height: 100%;
		font-size: 30px;
		background-color: red;
		/*background-color: #4389c7;*/
	}
	.sendmark{
		width: 100%;
		height: 100%;
		font-size: 40px;
		background-color: red;
		padding: 3%;
	}
	.menu{
		font-size: 60px;
		text-align: center;
		border-radius: 0%;
		background-color: aliceblue;
		width: 100%;
	}
	.col3{
	/*
			width: 5%;
			height: 100%;
	*/
			font-size: 40px;
	}
	.col4{
			width: 70%;
		text-align: center;
			height: 100%;
	}
	.row{
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 10px;
	}
	.rowmark{
		width: 5%;
	/*        height: 100%;*/
		text-align: center;
		   padding: 10px;
	}
	.bu3{
		width: 100%;
		height: 100%;
		font-size: 30px;
		padding: 0px;
	}
	.bu4{
		width: 100%;
		height: 100%;
		font-size: 30px;
		padding: 0px;
	}
	b{
		font-size: 50px;
	}
	.h1{
		text-align: center;
		font-size: 40px;
		color: red;
	}
	.namet{
		text-align: center;
		font-size: 30px;
	}
	.hout{
		margin: 50px;
		text-align: center;
		font-size: 70px;
		color: white;
	}
	.outNameOfTable{
		margin-top: 2%;
		text-align: center;
		font-size: 200%;
		color: #d7ccbc;
	}
	.nameGramota{
		font-size: 300%;
		color: black;
		padding-top: 80%;
		/* margin-top: 72.5%; */
	}
	.placeGramota{
		font-size: 250%;
		color: black;
		margin-top: 0.5%;
		margin-left: -5%;
	}
	.TableNameGramota{
		font-size: 200%;
		color: black;
		margin-top: 1%;
	}
	#container{
		display: flex;
	}
	#listout75{
		width: 70%;
		float: left;
		/*background-color: red;*/
	}
	#listout25{
		width: 25%;
		float: right;
		margin: auto;
		height: 100vh;
		/*background-color: yellow;*/
	}
	.listOut{
		color: white;
		font-size: 300%;
		text-align: center;
		min-height: 10em;
		display: table-cell;
		vertical-align: middle;
		margin-top: 50%;
		margin-bottom: 50%;
	}
	.nameOutList{
		color: white;
		font-size: 600%;
		text-align: center;
		margin-bottom: 1%;
	}
	.nextOutList{
		color: #d7ccbc;
		font-size: 350%;
		text-align: center;
		/* margin-bottom: 50%; */
	}
	.nameListTable{
		font-size: 100%;
		color: #a9a197;
		/*margin-top: 50%;
		margin-bottom: 50%;*/
	}
	.nametout{
		margin: 10px;
		text-align: center;
		font-size: 110px;
		color: white;
	}
	.nametout1{
		margin-top: 15%;
		text-align: center;
		font-size: 700%;
		color: white;
	}
	.out{
		margin: 50px;
		color: white;
		font-size: 250%;
	}
	.testout{
		margin: 5%;
		color: white;
		font-size: 2250%;
	}
	.reglament{
		font-size: 30px;
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		width: 100%;
	}
	.outmrks{
		text-align: right;
		font-size: 20px;
	}
	.text{
		width: 100%;
		float: left;
		background-color: #8FD4C1;
	}
	.maintext{
		width: 100%;
		float: left;
		text-align: center;
	}
	.main{
		width: 100%;
	}
	.tableReg table{
		 font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		  border-collapse: collapse;
		  color: #686461;
	/*	font-size: 50px;*/	
		width: 100%;
		margin: 10%;
	}
	.tableReg th {
	  padding: 10px;
	  color: white;
	  background: #FF7640;
	  font-size: 18px;
	  text-align: left;
	  font-weight: bold;
	  border-bottom: 3px solid #B9B29F;
	  width: 50%;
	}
	.tableReg td {
	  padding: 10px;
	}
	.tableReg tr:nth-child(odd) {
	  background: #FFC373;
	}
	.tableReg tr:nth-child(even) {
	  background: #FFC373;
	}
	.sportsman_list table{
		font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		border-collapse: collapse;
		color: #686461;
	/*	font-size: 50px;*/	
		width: 100%;
		margin: 10%;
	}
	.sportsman_list th {
		padding: 10px;
		color: white;
	  	background: #FF7640;
	  	font-size: 18px;
	  	text-align: center;
	  	font-weight: bold;
	  	border-bottom: 3px solid #B9B29F;
	  	width: 5%;
	}
	.sportsman_list td {
	  padding: 5px;
	  text-align: center;
	}
	.sportsman_list tr:nth-child(odd) {
	  background: #FFC373;
	}
	.sportsman_list tr:nth-child(even) {
	  background: #FFC373;
	}
	.auth{
		background-color: #E8E6D1;
		border-radius: 10px;
		margin: 10px;
		padding: 3px;
		font-size: 15px;
	/*	width: 90%;*/
	}
	/* input[type="text"] {
		border: 1px solid #cccccc; /* //цвет рамки */
		/* border-radius: 3px; */ /* //закругление углов (общее) */
		/* -webkit-border-radius: 3px; */ /* //закругление углов (Google Chrome) */
		/* -moz-border-radius: 3px; */ /* //закругление углов (FireFox) */
		/* -khtml-border-radius: 3px; *//*  //закругление углов (Safari) */
		/* background: #ffffff !important; */ /* // желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым */
		/* outline: none; */ /* // удаляет обводку в браузерах хром(желтая) и сафари(синяя) */
		/* color: #cccccc;  *//* //цвет шрифта в обычном состоянии */
		/* font-size: 11px; */ /* // Размер шрифта */
		/* font-family: Tahoma; */ /* // Стиль шрифта */
	 /* } */
	input{
		color: #777;
		font-weight: bold;
		width: 70%;
		padding: 10px;
		margin: 10px;
		border: 1px solid #afafaf;
		border-radius: 3px;
		background: rgba(255, 255, 255, 0.5);
		outline: none;
	}
}
@media screen and (max-width: 2000px) and (min-width: 1001px){
	html{
		padding: 0;
		margin: 0;
		/* font-family: 'Prosto One', cursive; */
		font-family: 'Prosto One';
	}
	a{ 
		text-decoration: none;
		color: black;
	}
	.tab1{
		width: 100%;
		height: 100%;
	}
	.bu{
		width: 100%;
		height: 100%;
		font-size: 120px;
		text-align: center;
		padding: 0px;
	}
	.bu1{
		width: 100%;
		height: 100%;
		font-size: 100%;
		padding: 3%;
		margin: 0px;
	}
	.send{
		width: 100%;
		height: 100%;
		font-size: 30px;
		background-color: red;
		padding: 0%;
		margin: 0px;
		/*background-color: #4389c7;*/
	}
	.sendmark{
		width: 100%;
		height: 100%;
		font-size: 80%;
		background-color: red;
		padding: 5%;
		margin: 0px;
	}
	.resetmark{
		width: 100%;
		height: 100%;
		font-size: 80%;
		background-color: red;
		padding: 5%;
		margin: 0px;
	}
	.menu{
		font-size: 60px;
		text-align: center;
		border-radius: 0%;
		background-color: aliceblue;
		width: 100%;
	}
	.col3{
	/*
			width: 5%;
			height: 100%;
	*/
			font-size: 40px;
	}
	.col4{
			width: 70%;
		text-align: center;
			height: 100%;
	}
	.row{
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 10px;
	}
	.rowmark{
		width: 5%;
	/*        height: 100%;*/
		text-align: center;
		   padding: 10px;
	}
	.bu3{
		width: 100%;
		height: 100%;
		font-size: 30px;
		padding: 0px;
	}
	.bu4{
		width: 100%;
		height: 100%;
		font-size: 30px;
		padding: 0px;
	}
	b{
		font-size: 50px;
	}
	.h1{
		text-align: center;
		font-size: 40px;
		color: red;
	}
	.namet{
		text-align: center;
		font-size: 30px;
	}
	.hout{
		margin: 50px;
		text-align: center;
		font-size: 70px;
		color: white;
	}
	.outNameOfTable{
		margin-top: 2%;
		text-align: center;
		font-size: 300%;
		color: #d7ccbc;
	}
	.nameGramota{
		font-size: 300%;
		color: black;
		padding-top: 80%;
		/* margin-top: 72.5%; */
	}
	.placeGramota{
		font-size: 250%;
		color: black;
		margin-top: 0.5%;
		margin-left: -5%;
	}
	.TableNameGramota{
		font-size: 200%;
		color: black;
		margin-top: 1%;
	}
	#container{
		display: flex;
	}
	#listout75{
		width: 70%;
		float: left;
		/*background-color: red;*/
	}
	#listout25{
		width: 25%;
		float: right;
		margin: auto;
		height: 100vh;
		/*background-color: yellow;*/
	}
	.listOut{
		color: white;
		font-size: 400%;
		text-align: center;
		min-height: 10em;
		display: table-cell;
		vertical-align: middle;
		margin-top: 50%;
		margin-bottom: 50%;
	}
	.nameOutList{
		color: white;
		font-size: 900%;
		text-align: center;
		margin-bottom: 1%;
	}
	.nextOutList{
		color: #d7ccbc;
		font-size: 450%;
		text-align: center;
		/* margin-bottom: 50%; */
	}
	.nameListTable{
		font-size: 100%;
		color: #a9a197;
		/*margin-top: 50%;
		margin-bottom: 50%;*/
	}
	.nametout{
		margin: 10px;
		text-align: center;
		font-size: 110px;
		color: white;
	}
	.nametout1{
		margin-top: 15%;
		text-align: center;
		font-size: 700%;
		color: white;
	}
	.out{
		margin: 50px;
		color: white;
		font-size: 250%;
	}
	.testout{
		margin: 5%;
		color: white;
		font-size: 3250%;
	}
	.reglament{
		font-size: 30px;
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		width: 100%;
	}
	.outmrks{
		text-align: right;
		font-size: 20px;
	}
	.text{
		width: 100%;
		float: left;
		background-color: #8FD4C1;
	}
	.maintext{
		width: 100%;
		float: left;
		text-align: center;
	}
	.main{
		width: 100%;
	}
	.tableReg table{
		 font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		  border-collapse: collapse;
		  color: #686461;
	/*	font-size: 50px;*/	
		width: 100%;
		margin: 10%;
	}
	.tableReg th {
	  padding: 10px;
	  color: white;
	  background: #FF7640;
	  font-size: 18px;
	  text-align: left;
	  font-weight: bold;
	  border-bottom: 3px solid #B9B29F;
	  width: 50%;
	}
	.tableReg td {
	  padding: 10px;
	}
	.tableReg tr:nth-child(odd) {
	  background: #FFC373;
	}
	.tableReg tr:nth-child(even) {
	  background: #FFC373;
	}
	.sportsman_list table{
		font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		border-collapse: collapse;
		color: #686461;
	/*	font-size: 50px;*/	
		width: 100%;
		margin: 10%;
	}
	.sportsman_list th {
		padding: 10px;
		color: white;
	  	background: #FF7640;
	  	font-size: 18px;
	  	text-align: center;
	  	font-weight: bold;
	  	border-bottom: 3px solid #B9B29F;
	  	width: 5%;
	}
	.sportsman_list td {
	  padding: 5px;
	  text-align: center;
	}
	.sportsman_list tr:nth-child(odd) {
	  background: #FFC373;
	}
	.sportsman_list tr:nth-child(even) {
	  background: #FFC373;
	}
	.auth{
		background-color: #E8E6D1;
		border-radius: 10px;
		margin: 10px;
		padding: 3px;
		font-size: 15px;
	/*	width: 90%;*/
	}
	#login-form{
		color: #777;
		border: 0px solid #afafaf;
		width: 70%;
		margin-left: 15%;
		margin-top: 1%;
		text-align: center;
		padding: 20px;
		padding-top: 10px;
		border-radius: 3px;
		box-shadow: 0px 0px 8px #777;
		background: rgba(255, 255, 255, 0.6);
		font-size: 70%;
	}
	input{
		color: #777;
		font-weight: bold;
		width: 70%;
		padding: 10px;
		margin: 10px;
		border: 1px solid #afafaf;
		border-radius: 3px;
		background: rgba(255, 255, 255, 0.5);
		outline: none;
  	}

	input[type="submit"]{
		color: #777;
		width: 50%;
		border: 1px solid transparent;
		outline: none;
		cursor: pointer;
		background: #7ae65c;
	}
	.edit_button{
		border: 1px solid transparent;
		border-radius: 3px;
		padding: 5px;
		font-family: 'Prosto One', cursive;
		width: 100%;
		font-size: 100%;
		outline: none;
		cursor: pointer;
		background: #dde65c;
	}
	.delete_button{
		border: 1px solid transparent;
		border-radius: 3px;
		padding: 5px;
		font-family: 'Prosto One', cursive;
		width: 100%;
		font-size: 100%;
		outline: none;
		cursor: pointer;
		background: #e65c5c;
	}
}
@media screen and (max-width: 3000px) and (min-width: 2001px){
	html{
		padding: 0;
		margin: 0;
	}
	a{ 
		text-decoration: none;
		color: black;
	}
	.tab1{
		width: 100%;
		height: 100%;
	}
	.bu{
		width: 100%;
		height: 100%;
		font-size: 120px;
		text-align: center;
		padding: 0px;
	}
	.bu1{
		width: 100%;
		height: 100%;
		font-size: 100%;
		padding: 0px;
	}
	.send{
		width: 100%;
		height: 100%;
		font-size: 30px;
		background-color: red;
		/*background-color: #4389c7;*/
	}
	.sendmark{
		width: 100%;
		height: 100%;
		font-size: 40px;
		background-color: red;
		padding: 3%;
	}
	.menu{
		font-size: 60px;
		text-align: center;
		border-radius: 0%;
		background-color: aliceblue;
		width: 100%;
	}
	.col3{
	/*
			width: 5%;
			height: 100%;
	*/
			font-size: 40px;
	}
	.col4{
			width: 70%;
		text-align: center;
			height: 100%;
	}
	.row{
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 10px;
	}
	.rowmark{
		width: 5%;
	/*        height: 100%;*/
		text-align: center;
		   padding: 10px;
	}
	.windows_form{
		width: 100%;
		height: 100%;
		font-size: 30px;
		padding: 0px;
	}
	.bu3{
		width: 100%;
		height: 100%;
		font-size: 30px;
		padding: 0px;
	}
	.bu4{
		width: 100%;
		height: 100%;
		font-size: 30px;
		padding: 0px;
	}
	b{
		font-size: 50px;
	}
	.h1{
		text-align: center;
		font-size: 40px;
		color: red;
	}
	.namet{
		text-align: center;
		font-size: 30px;
	}
	.hout{
		margin: 50px;
		text-align: center;
		font-size: 70px;
		color: white;
	}
	.outNameOfTable{
		margin-top: 2%;
		text-align: center;
		font-size: 400%;
		color: #d7ccbc;
	}
	.nameGramota{
		font-size: 300%;
		color: black;
		padding-top: 80%;
		/* margin-top: 72.5%; */
	}
	.placeGramota{
		font-size: 250%;
		color: black;
		margin-top: 0.5%;
		margin-left: -5%;
	}
	.TableNameGramota{
		font-size: 200%;
		color: black;
		margin-top: 1%;
	}
	#container{
		display: flex;
	}
	#listout75{
		width: 70%;
		float: left;
		/*background-color: red;*/
	}
	#listout25{
		width: 25%;
		float: right;
		margin: auto;
		height: 100vh;
		/*background-color: yellow;*/
	}
	.listOut{
		color: white;
		font-size: 700%;
		text-align: center;
		min-height: 10em;
		display: table-cell;
		vertical-align: middle;
		margin-top: 50%;
		margin-bottom: 50%;
	}
	.nameOutList{
		color: white;
		font-size: 1300%;
		text-align: center;
		margin-bottom: 1%;
	}
	.nextOutList{
		color: #d7ccbc;
		font-size: 700%;
		text-align: center;
		/* margin-bottom: 50%; */
	}
	.nameListTable{
		font-size: 100%;
		color: #a9a197;
		/*margin-top: 50%;
		margin-bottom: 50%;*/
	}
	.nametout{
		margin: 10px;
		text-align: center;
		font-size: 110px;
		color: white;
	}
	.nametout1{
		margin-top: 15%;
		text-align: center;
		font-size: 700%;
		color: white;
	}
	.out{
		margin: 50px;
		color: white;
		font-size: 250%;
	}
	.testout{
		margin: 5%;
		color: white;
		font-size: 4250%;
	}
	.reglament{
		font-size: 30px;
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		width: 100%;
	}
	.outmrks{
		text-align: right;
		font-size: 20px;
	}
	.text{
		width: 100%;
		float: left;
		background-color: #8FD4C1;
	}
	.maintext{
		width: 100%;
		float: left;
		text-align: center;
	}
	.main{
		width: 100%;
	}
	.tableReg table{
		 font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		  border-collapse: collapse;
		  color: #686461;
	/*	font-size: 50px;*/	
		width: 100%;
		margin: 10%;
	}
	.tableReg th {
	  padding: 10px;
	  color: white;
	  background: #FF7640;
	  font-size: 18px;
	  text-align: left;
	  font-weight: bold;
	  border-bottom: 3px solid #B9B29F;
	  width: 50%;
	}
	.tableReg td {
	  padding: 10px;
	}
	.tableReg tr:nth-child(odd) {
	  background: #FFC373;
	}
	.tableReg tr:nth-child(even) {
	  background: #FFC373;
	}
	.auth{
		background-color: #E8E6D1;
		border-radius: 10px;
		margin: 10px;
		padding: 3px;
		font-size: 15px;
	/*	width: 90%;*/
	}
	.sportsman_list table{
		 font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		  border-collapse: collapse;
		  color: #686461;
	/*	font-size: 50px;*/	
		width: 100%;
		margin: 10%;
	}
	.sportsman_list th {
	  padding: 10px;
	  color: white;
	  background: #FF7640;
	  font-size: 18px;
	  text-align: center;
	  font-weight: bold;
	  border-bottom: 3px solid #B9B29F;
	  width: 5%;
	}
	.sportsman_list td {
	  padding: 5%;
	}
	.sportsman_list tr:nth-child(odd) {
	  background: #FFC373;
	}
	.sportsman_list tr:nth-child(even) {
	  background: #FFC373;
	}
}