.center {
				margin-left: auto;
				margin-right: auto;
				margin-top: 100px;
				margin-bottom: 20%;
			}

			div.gallery {
				border: 3px solid #ccc;
			}

			div.gallery:hover {
				border: 3px solid #777;
				transition: 0.9s;
			}

			div.gallery img {
				width: 100%;
				height: auto;
			}

			div.desc {
				padding: 15px;
				text-align: center;
			}

			* {
				box-sizing: border-box;
			}

			.responsive {
				padding: 0 6px;
				float: left;
				width: 24.99999%;
			}

			@media only screen and (max-width: 1200px) {
				.responsive {
					width: 49.99999%;
					margin: 6px 0;
				}
			}

			@media only screen and (max-width: 800px) {
				.responsive {
					width: 100%;
				}
			}

			.clearfix:after {
				content: "";
				display: table;
				clear: both;
			}

			ul {
				width: 100%;
				list-style-type: none;
				margin: 0px;
				padding: 0px;
				overflow: hidden;
				background-color: #212121;
				box-shadow: 5px 10px 18px #171616;
			}

			.footer {
				position: fixed;
				left: 0;
				bottom: 0;
				width: 100%;
				background-color: #212121;
				color: white;
				text-align: center;
				padding: 20px 40px;
			}

			li {
				float: right;
			}

			li a,
			.dropbtn {
				display: inline-block;
				color: white;
				text-align: center;
				padding: 22px 40px;
				text-decoration: none;
			}

			button {
				background-color: #777;
				border: 0px;
				border-radius: 8px;
			}

			button:hover {
				background-color: #635a5a;
				transition: 0.9s;
			}

			.container8 {
				height: 22px;
				position: relative;
				border: 20px solid #212121;
			}

			.vertical-center {
				margin: 0;
				position: relative;
				top: 17px;
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
			}

			.minimalpadding {
				float: right;
				display: inline-block;
				color: white;
				text-align: center;
				text-decoration: none;
				padding: 0px 0px;
			}

			li a:hover,
			.dropdown:hover .dropbtn {
				color: #706e6e;
				transition: 0.9s;
			}

			li.dropdown {
				display: inline-block;
			}

			.dropdown-content {
				display: none;
				position: absolute;
				background-color: #f9f9f9;
				min-width: 160px;
				box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
				z-index: 1;
			}

			.dropdown-content a {
				color: black;
				padding: 12px 16px;
				text-decoration: none;
				display: block;
				text-align: left;
			}

			.dropdown-content a:hover {
				color: #4f4d4d;
				transition: 0.3s;
			}

			.dropdown:hover .dropdown-content {
				display: block;
			}

			body,
			html {
				background-color: #121212;
				user-select: none;
                font-family: 'Poppins', sans-serif;
    margin:0px;
    padding:0px;
			}
          
          html {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

html::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

			table,
			tr,
			th,
			td {
				border: 2px solid white;
				border-collapse: collapse;
			}

			.tabels {
				color: white;
			}

			.tabels2 {
				color: white;
			}

			.tabels2:hover {
				color: #636161;
				transition: 0.9s;
			}

			.tabels:hover {
				color: #777;
				transition: 0.9s;
			}

			.tabels3 {
				color: white;
			}

			.tabels3:hover {
				color: #635a5a;
				transition: 0.9s;
			}

			.container7 {
				width: 60%;
				height: auto;
				margin-right: auto;
				margin-left: auto;
			}






/*Forms*/

h1{
  color: #fff;
  text-transform: uppercase;
  font-size: 300%;
  line-height: 2;
  text-shadow: 5px 5px 10px #3C3333;
  text-align: center;
}

h2 {
  text-align: center;
  color: #fff;
}
 
a{

text-decoration:none;

}

h3 {
  text-align: center;
  color: #fff;
}


.container {
      margin: 0 auto;
      padding: 20px;
      box-shadow: 0px 0px 20px black;
      border-radius: 8px;
      background-size: cover;
      max-width: 20%;
} 



input[type=submit] {
  width: 100%;
  background-color: #212121;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 20px; 
}

input[type=text], input[type=tel], input[type=email], textarea, input[type=password], input[type=date] {
  width: 80%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 18px; 
  resize: none;
  font-family: 'Oswald', sans-serif;
}



select {
  width: 80%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 16px; 
}

input[type=submit]:hover {
  background-color: #161616;
  transition: 0.9s;
}


.container4 {
      margin: 0 auto;
      padding: 20px;
      margin-top: 20px;
      margin-bottom: 100px;
      background-size: cover;
      max-width: 1200px;
} 

.leftcolumn {   
  float: left;
  width: 75%;
}
  
.middlecolumn {   
  float: left;
  width: 100%;
}

.rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}


.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}



.row:after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}


@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}