header {
    background-image: linear-gradient( orange , black);
}
.logo {
  background-image: linear-gradient(to right, white, white);
  border-radius: 50%;
  width: 100px;
  height: 100px; /* Add this line to make it a square container */
}



header .menu a {
	color:white;
    background-image: linear-gradient( orange , orange);
	background: rgba(76, 175, 80, 0.3);
	text-align:right;
}

.orange {
	  background-image: linear-gradient(orange, grey);
}

.border {
	 background-image: linear-gradient(grey, grey);
	text-align:center;
}

footer {
	 background-image: linear-gradient(grey, orange);
	 color:white;
}

.content {
	width:1500px;
	background-color:white;
}
.menu li a {
	color:white;
}

.menu li ul {
	 background-image: linear-gradient(to right, orange, black);
}

.videocontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}