@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Petemoss&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Licorice&display=swap');

	* {
		margin: 0;
		padding: 0;
	}

	body {
		background: #181818;
		text-align: center;
		overflow-y: scroll;
	}

	#main-wrapper {
		margin: 0 auto;
		max-width: 1080px;

	}

	header {
		text-align: center;
		width: 100%;
		padding-top: 3em;
	}

	header a {
		color: white;
	}

	header a:hover {
		color:  white;
	}

	article {
		margin-top: 15px;
		display: inline-block;
		margin-bottom: 15px;
	}

	.title-list  {
		text-align: center;
	}

	img {
		display: block;
		margin: 0 auto;
	}


	h2 {
		color: #FFFFFF;
		font-weight: 300;
		font-family: 'Rubik', sans-serif;
		font-size: 1.5em;
		text-transform: uppercase;
		letter-spacing: 0.3em;
		text-align: center;
		margin-bottom: 1em;
	}

	h4 {
		color: darkkhaki;
		font-weight: 300;
		font-family: 'Rubik', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.3em;
		font-size: 1.5em;
		text-align: center;
		padding:  3px;
		line-height: 1.5em;
		max-width: 720px;
	}

	h3 {
		color: #FFFFFF;
		font-weight: 300;
		font-family: 'Rubik', sans-serif;
		font-size: 1.5em;
		text-transform: uppercase;
		letter-spacing: 0.3em;
		text-align: center;
		margin-bottom: 1em;
	}

	h1 {
		color: #FFFFFF;
		font-family: 'Licorice';
		font-weight: 300;
		font-size: 2.5em;
		margin-bottom: 0.3em;
	}

	h5 {
		color: #FFFFFF;
		font-weight: 300;
		font-family: 'Rubik', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.3em;
		font-size: 0.8em;
		line-height: 3em;
		margin-top: 0em;
		text-align: center;
	}


	p {
		width: 720px;
		color: #FFFFFF;
		font-weight: 300;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 0.1em;
		font-size: 1.1em;
		line-height: 1.75em;
		margin-top: 1em;
		text-align: left
	}



	a {
		color: darkkhaki;
		text-decoration: none;
	}

	a :link {
		color: #FFFFFF;
	}

	a:hover {
		color: orange;
		font-weight: 300;
		-webkit-transition: all 1s 0s ease;
		-moz-transition: all 1s 0s ease;
		-o-transition: all 1s 0s ease;
		transition: all 1s 0s ease;

	}


	a :visited {
		color:  #FFFFFFF;
	}

	footer {
		margin-top: 2em;
		width: 720px;
		margin: 0 auto;
		text-align: center;
		padding: 2em;
	}

	footer p {
		color: #FFFFFF;
		font-weight: 300;
		font-family: 'Rubik', sans-serif;
		letter-spacing: 0.1em;
		font-size: 1.1em;
		line-height: 2em;
		margin-top: 1em;
		text-align: center;
	}

	footer h2 {
		padding-bottom: 0.5em;
	}

	footer p a {
		display: inline-block;
		margin: 0.3em;
		color: darkkhaki;
	}

	footer p a:hover {
		color: orange;
		font-weight: 300;
		-webkit-transition: all 1s 0s ease;
		-moz-transition: all 1s 0s ease;
		-o-transition: all 1s 0s ease;
		transition: all 1s 0s ease;
	}

		
	@media only screen and (max-device-width: 480px) {


	p, article, footer {
	max-width: 720px;
	text-size-adjust: 150%;

	}

	h4 {
		max-width: 460px;
	}