	{
		margin: 0;
		padding: 0;
		box-sizing:border-box;
	}
	html{
		height:100% ;
	}
	body {
		position: relative;
		margin: 0;
		width: 100vw;
		height: 100vh;
	}

	.body {
		background-image: url("../images/Photos/city_2.jpg");
		background-position: center top;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		margin-bottom: 100px;
			}

	.header {
		padding-top: 35px;
		padding: 10px;
		position: fixed;
		height: 40px;
		background-size: cover;

	}
/*
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #333;
		color: #fff;
		padding: 10px;
		background: url("../images/Photos/circuit-board.webp");
	}
*/
	.vertical-center {
		margin: 0;
		position: absolute;
		top: 3%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}


	.nav__list {
		display: flex;
		column-gap: 40px;		
	}


	.nav__link {
		color: rgba(12, 5, 5, 0.55);
		transition: color 0.4s;
		border-radius: 20px;
		margin: 0 auto;
		height:25px;
		width:75px; 

	}
	.nav__link:hover {
		background-color: rgb(22, 183, 223);
	}

	.contact_nav__link {
		color: rgba(12, 5, 5, 0.55);
		transition: color 0.4s;
		border-radius: 20px;
		margin: 0 auto;
		height:25px;
		width:85px;

	}
	.contact_nav__link:hover {
		background-color: rgb(22, 183, 223);
	}

	.header__content {
		display: flex;
		align-items: self-start;
		justify-content: space-between;
		max-width: 1200px;
		margin: 0 auto;
	}

	.news_body{
		background: url("../images/Photos/light-blue-triangle.jpg") no-repeat center center fixed;
		background-position: center top;
		background-size: cover;
		margin-bottom: 250px;
	
	}

	.team_body{
		background: url("../images/Photos/team.jpg") no-repeat center center fixed;
		background-position: center top;
		background-size: cover;
		margin-bottom: 250px;
	}

	.service_body{
		background: url("../images/Photos/pexels-photoscom.jpg") no-repeat center center fixed;
		background-position: center top;
		background-size: cover;
		margin-bottom: 250px;

	}

	.register_body{
		background: url("../images/Photos/pixel_1.jpg") no-repeat center center fixed;
		background-position: center top;
		background-size: cover;
		margin-bottom: 250px;
	}
	.footer {
		position: fixed;
		font-size: 12px;
		left: 0;
		bottom: 0;
		width: 100%;
		background:#85b1cc;
		color: white;
		border-style: solid;
		border-top-color: black;
		background-image: url("../images/Photos/web.jpg");
	}
	
	.img {
			float: left;
			width:  100px;
			height: 100px;
			background-size: cover;
		}
		/* Style the links inside the navigation bar */
	.topNav a {
		  float: left;
		  color: #f2f2f2;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 17px;
		}

	
				
		h1   {color:red}
		h2   {color:green}
		
		
		/* Add a black background color to the top navigation */
		.topNav {
			background-color: #333;
			overflow: hidden;
		}



		/* Change the color of links on hover */
		.topNav a:hover {
			background-color: #ddd;
			color: black;
		}

		/* Add a color to the active/current link */
		.topNav a.active {
			background-color: #04AA6D;
			color: white;
		}
		
		.slide {
			position: relative;
			padding: 100px;
			overflow: hidden;
		}
				

		.small {line-height:30px;}
		.big {line-height:200px;}
		
		.ul {
			/*
			text-align: center;
			list-style-position: inside;	
*/
			list-style-type: none;
			margin: 0;
			padding: 0;
		  }

		.button{
			color: #083d72;
			background: transparent;
			border-radius: 20px;
			margin: 0 auto;
			height:25px;
			width:75px; 
			background: transparent;
			border-radius: 20px;
			font: bold 10pt Arial, Helvetica, sans-serif;
		}
		.combo{
			width: 175px;
		}

		.textFld{
			width: 175px;
		}

		@media (min-width: 900px) {
			
		}
		
		