p {
			max-width: 800px;
			font-family: trebuchet ms, verdana, sans-serif;
			color: #dddddd;
			line-height: 1.5;
			font-size: 18px;	
			}
			li {
			max-width: 800px;
			font-family: trebuchet ms, verdana, sans-serif;
			color: #dddddd;
			line-height: 1.5;
			}
			h1 {
			max-width: 800px;
			font-size: 60px;
			font-family: trebuchet ms, verdana, sans-serif;
			color: #ffffff;
			line-height: 1.5;
			}
			h3 {
			max-width: 800px;
			font-family: trebuchet ms, verdana, sans-serif;
			color: #ffffff;
			line-height: 1.5;
            font-size: 22px;	

			}
			h4 {
			max-width: 800px;
			font-family: trebuchet ms, verdana, sans-serif;
			color: #ffffff;
			line-height: 1.5;
            font-size: 20px;	                
			}
			a:link {
			color: cyan;
			background-color: transparent;
			text-decoration: none;
			}
			a:visited {
			color: lightblue;
			background-color: transparent;
			text-decoration: none;
			}
			a:hover {
			color: pink;
			background-color: transparent;
			text-decoration: none;
			}
			a:active {
			color: yellow;
			background-color: transparent;
			text-decoration: none;
			}

            * {
  			box-sizing: border-box;
			}

			.flex-container {
  			display: inline-flex;
			  position: relative;
			  flex-direction: row;
			  font-size: 20px;
			  text-align: center;
			  margin:auto;
			}

			.flex-item-left {
			  background-color: none;
			  padding: 50px;
			  flex: 50%;
			}

			.flex-item-right {
			  background-color: none;
			  padding: 50px;
			  flex: 50%;
			}

			/* Responsive layout - makes a one column-layout instead of two-column layout */
			@media (max-width: 900px) {
			  .flex-container {
				flex-direction: column;
			  }
}
				
			  .video-container {
  			  display: inline-flex;
			  position: relative;
			  flex-direction: row;
			  font-size: 20px;
			  text-align: center;
			 
			 
			}

			.video-item-left {
			  background-color: none;
			  padding-top: 15px;
		
			}

			.video-item-right {
			  background-color: none;
			  padding-top: 27px;
			}

			/* Responsive layout - makes a one column-layout instead of two-column layout */
			@media (max-width: 900px) {
			  .video-container {
				flex-direction: column;
			  }
				.responsive {
			  width: 100%;
			  max-width: 400px;
			  height: auto;
			}
}
			
			.buttons  {
			align-self: auto;
			min-width: 390px;
				}
				
				
			.news-content  {
            align-items: center;
			text-align: left;
			width: 100%;
			max-width: 900px;	
			}

			}