* {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display:block;
}


.logo {
	padding-left: 6%;

}

header {
	background-color: #2b792e;
	padding: 1%;
}

body {
	background-color: white;
}

#speacialbg {
	background:url('images/beach.jpeg') center/cover no-repeat;
	position: relative;
	min-height: 100vh;
}

article {
	width: 90%;
	padding: 0 0 2% 5%;
}

/* font-family: 'Dosis', sans-serif;
font-family: 'RocknRoll One', sans-serif; */

h1 {
	font-size: 1.3rem;
	color: white;
	padding-left: 6%;
  font-family: 'RocknRoll One', sans-serif;
}

.Assignh1 {
	color: red;
	text-align: center;
	padding-top: 7%;
	padding-left: 0;
	padding-bottom: 2%

}

h1.Assignh1 {
    font-family: 'RocknRoll One', sans-serif;
    font-size: 4rem;
	}

li {
	text-align: center;
	color: white;
	font-size: 1.4rem;
	font-family: 'Dosis', sans-serif;
	padding: 1%;
}

h2 {
	font-size: 1.5rem;
	color: #2b792e;
  font-family: 'RocknRoll One', sans-serif;
}


 p {
	 color: white;
	 text-align: center;
	 font-size: 2.2rem;
   padding-top: 3%;
	 font-family: 'Dosis', sans-serif;
 }

 article p {
	 color: black;
	 font-size: 1rem;
	 text-align: left;
	 padding-top: 0%;
	 font-family: 'Dosis', sans-serif;
 }

.flex-main-content{
background-color: white;
padding-top: 2%;

}

.flex-images {
	width: 300px;

}

.flex-images img {
	width: 100%;
	padding-bottom: 20%;

}


section.flex-images {
    padding-left: 6%;
}

@media (min-width: 700px) {

.flex-main-content {
		display: flex;
	}

.flex-images {
	 flex: 0 400px;
	 display: flex;
 }

section.flex-images {
	 padding-left: 0%;
	 padding-right: 7%;
}

section.article-copy {
	padding-left: 3%;
}

.article-copy, .flex-images {
	flex: 1;
}

.flex-images img {
	padding: 4%;

 }

}