@charset "utf-8";
/* CSS Document */

.navbar {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: black;
  text-decoration-color: white;
  padding: 1em;
  word-spacing: 50px;
  text-indent: 30px;
  z-index:1;
}

a:link {
      text-decoration: none;
	  color:coral;
}
a:hover {
      text-decoration: none;
	  color:#FFBA7D;
	  transition: 0.2s;
}

a:visited {
      text-decoration: none;
	  color:coral; 
}

a:active {
      text-decoration: none;
}

.main-article-image {
	position:absolute;
    left:0px;
    top:50px;
	width:100vw;
    z-index:-2;}


.main-article-content {
	text-align: center;
	width: 40%;
	height: 30vw;
	color: white;
	background: black;
	opacity: 80%;
	padding: 70px 50px 270px;
	margin-left: auto;
	z-index:-1;
	font-size: 180%;
}

.sub-article-1-image {
	margin: 0px 0px 0px 100px;
	padding: 100px;
	float: left;
}

.sub-article-1-content {
	text-align: left;
	margin: 100px;
	padding: 100px;
	width: 70%;
}

.sub-article-2-image {
	margin: 0px 0px 100px 100px;
	padding: 100px;
	float: right;
}

.sub-article-2-content {
	text-align: left;
	margin: 0 0 0 100px;
	padding: 150px 0 0 100px;
	width: 70%;}

.sub-article-3-image {
	display: block;
    float: left;
    margin: 0px 0px 0px 150px; 
	width: 50%;
}

.sub-article-3-content {
	text-align: left;
	margin: 0px;
	padding: 350px 250px 200px;
	width: 70%;
}
.xtra-image {
	margin: 0px 200px 100px 0px;
	padding: 100px;
	float: right;	
}

.xtra-content {
	text-align: left;
	margin: 0 0 0 150px;
	padding: 160px;
	width: 70%;	
}

#contact {
	text-align: center;
	background-color: black;
	color: white;
    padding: 1em;
	height: 35px;
	font-size: 70%;
}