*{
			box-sizing: border-box; /* includes the border into the width calculation */
			max-width: 992px;
			margin: 0;
			padding: 0;
			justify-content: center;
			font-family: Arial;
		}
		
		.clearfix:after {
			content: "";
			display: table;
			clear: both;
		}
		
	/* shared sections */
		
		.nav {
			background-color: #ffc37f;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
		.nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
		.nav ul li {
			float: left;
			position: relative;
			left: 50%;
		}
		
		.nav ul li a {
			display: inline-block;
			text-align: center;
			padding: 14px;
			text-decoration: none;
		}
		
		.article {
			background-color: #d69df8;
			text-align: left;
			padding-bottom: 70px;
		}
		
		.footer {
			background-color: #ffc37f;
			text-align: center;
			padding: 20px;
		}
		
	/* page 1 */
	
		#banner {
			background-image: url('../img/banner.jpg');
			background-size: cover;
			text-align: center;
			height: 400px;
		}
		
		.pictures {
			padding: 30px;
		}
		
		div.pictures-txt {
			float: left;
			position: relative;
			left: 50%;
		}

		div.pic-item img {
			width: 100%;
			height: auto;
		}

		div.desc {
			padding: 15px;
			text-align: center;
		}

		.picture-item {
			float: left;
			position: relative;
			left: -50%;
			margin: 10px;
			width: 30%;
		}
		
	/* page 2 */
		
		#banner-second {
			padding: 40px;
			text-align:center;
			height: 450px;
		}
		
		.gallery {
			height: 900px;
			padding: 30px;
		}
		
		.gallery-img {
			float: left;
			position: relative;
			left: 50%;
			height: 200px;
		}
		
		div.gal-item img {
			width: 100%;
			height: 200px;
		}

		.gallery-item {
			float: left;
			position: relative;
			left: -50%;
			padding: 10px;
		}
		
		div.row1 .gallery-item  {
			width: 33.333%;
		}
				
		div.row2 .gallery-item  {
			width: 50%;
		}
		
		div.row3 .gallery-item  {
			width: 25%;
		}
		
	/* images */
		
		/* article img left */
		.img2 {
			width: 50%;
			height: 300px;
			float: left;
			margin: 20px;
			padding: 20px;
		}
		
		/* article img circle */
		.img4 {
			border-radius: 50%;
			width: 25%;
			height: 25%;
			float: left;
			margin: 20px;
			padding: 20px;
			float: left;
		}
		
	/* buttons */
	
		.button {
			background-color: #e0e0e0;
			font-weight: bold;
			margin: 10px;
			padding: 10px;
			padding-right: 25px;
			padding-left: 25px;
		}
		
		.button-alt {
			background-color: black;
			font-weight: bold;
			margin: 10px;
			padding: 10px;
			padding-right: 25px;
			padding-left: 25px;
		}
	
	/* text formatting */
	
		h1 {
			font-size: 100px;
		}
		
		h2 {
			font-size: 28px;
		}
		
		h3 {
			font-size: 14px;
			color: #fa4900;
			margin: 5px;
		}
		
		p {
			font-size: 12px;
		}
		
		a:link {
			text-decoration: none;
			font-weight: bold;
			color: #ff8800;
		}
		
		a:visited {
			text-decoration: none;
			font-weight: bold;
			color: #ff8800;
		}

		a:hover {
			text-decoration: none;
			font-weight: bold;
			color: #fa4900;
		}