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

/*Column Layout*/
.column-layout {
  max-width: 1200px;
  margin: auto;
  line-height: 1.65;
  font-size: 1.5vh;
  padding: 10px 10px;
  background: linen;
 }
 
 @media (min-width: 1000px) {
  .column-layout {
    display: flex;
    justify-content: space-between;
	
  }
}

.column-one {
  flex-basis: 48%;
  order: 1;
  border: 2px solid gray;
  padding: 10px;
  background-color: #FFF;
  
  
}

.column-two {
  flex-basis: 48%;
  order: 1;
  border: 2px solid gray;
  padding: 10px;
  background-color: #FFF;
}

.page-wide {
  flex-basis: 100%;
  border: 2px solid gray;
  padding: 10px;
  background-color: #FFF;
}

/*Image Treatments*/ 
.img2 {
  border: 0;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}

.text-wrap {
	float: right;
	Margin: 8px; 
}

.text-wrap-left {
	float: left;
	Margin: 8px; 

}
/*Nav-Bar Code*/ 
.nav-bar-container {
  max-width: 1400px;
  margin: 0px auto 0 auto;
 
}
 
 
@media (min-width: 980px) {
  .nav-bar-container {
    display: flex;
    justify-content: space-between;
  }
}
    
 


.nav-bar {
  
  box-sizing: border-box;
  padding: 6px;
  Margin: 4px;
  flex-basis: 33%;
 
}

.nav-bar {
	 color: #fff; 
	 text-align: center;
	 
}

.nav-bar h1 {
	font-size: 3.0vh;
	text-shadow:5px 5px 10px black;
}
	

.nav-bar:nth-child(1) {
	background-color: rgb(85, 10, 117);
	border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 8px #888888;
	
}

	
	
.nav-bar:nth-child(2) {
	background-color: rgb(85, 10, 117);
	border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 8px #888888;
}
.nav-bar:nth-child(3) {
	background-color: rgb(85, 10, 117);
	border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 8px #888888;
}
.nav-bar:nth-child(4) {
	background-color: rgb(85, 10, 117);
	border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 8px #888888;
} 

.nav-bar:nth-child(5) {
	background-color: rgb(85, 10, 117);
	border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 8px #888888;
} 
 
.lower-background {
	background: linen;
}

.btn2 {
  display: inline-block;
  border: none;
  background: rgba(85, 10, 117);
  color: #fff;
  transition: transition: opacity 1s ease-in-out;
  text-decoration: none;
}
.btn2:hover {
  opacity: 0.7;
  cursor: pointer;
}

.btn3 {
  display: inline-block;
  border: none;
  background: rgba(85, 10, 117);
  color: #fff;
  transition: transition: opacity 1s ease-in-out;
  text-decoration: none;
}
.btn3:hover {
  opacity: 0.7;
  cursor: pointer;
}

.nav-bar2 {
  
  box-sizing: border-box;
  padding: 10px, 35px, 10px, 35px;
  margin: 5px;
  flex-basis: 48%;
 
}

.nav-bar2 {
	 color: #fff; 
	 text-align: center;
	 
}

.nav-bar2 h2 {
	font-size: 2.8vh;
	text-shadow:5px 5px 10px black;
}
	

.nav-bar2:nth-child(1) {
	background-color: rgb(85, 10, 117);
	border: 1px solid;
    padding: 8px;
    box-shadow: 5px 8px 8px #888888;
	
}

	
	
.nav-bar2:nth-child(2) {
	background-color: rgb(85, 10, 117);
	border: 1px solid;
    padding: 8px;
    box-shadow: 5px 8px 8px #888888;
}
 
ul {
  list-style-type: none;
}