@charset "UTF-8";

*, *:before, *:after{box-sizing: border-box;}
footer {
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;

}
footer p {
	text-align: center;
}
.gridChild {
	width: 30%;
}
.gridChild img  {
	cursor: pointer;
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: rgba(255,255,255,1.00);
}
a:link, a:visited {
	color: #000000;
	text-decoration: none;
	
}
a:hover, a:active {
	color: #B4B4B4;
	background-image: url(assets/images/01.jpg);
}



.bg {
	background-image: url(assets/graphics/texture_back.jpg);/*Picture taken from pexels.com https://www.pexels.com/photo/abstract-attractive-backdrop-background-988872/ */
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
}

logo img {
	margin-left: 480px;
	margin-right: 480px;
}

#topnav {
	padding-left: 0px;
	list-style-type: none;
	margin: 0 0 30px 0;
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: center;
	background-color: rgba #F9FBED;
	margin-left: 15px; 
	
	
	
}

#topnav li {
	
	flex-basis: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#container header img {
	image-align: center;
	left: auto;
	right: auto;
	display: block;
	
}

header img {
	margin-left: auto;
	margin-right: auto;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	padding-left: auto;
	padding-right: auto;
	padding-top: 25px;
}

#welcome {
	width: 225px;
	height: 60px;
	background-color: rgba(255,255,255,0.50);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	margin-top: 200px;
}
#welcome h1 {
	text-align: center;
	padding-top: 10px;
}

#about {
	width: 225px;
	height: 60px;
	background-color: rgba(255,255,255,0.50);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: 200px;	
}
#about h1 {
	font-family: 'Open Sans', sans-serif;
	padding-top: 10px;
}
	
header {
	width: 960px;
	height: 656px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(assets/images/011.jpg);
}

#worknav {
	padding-left: 0px;
	list-style-type: none;
	margin-right: 0;
	margin-left: 15px;
	margin-bottom: -52px;
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: center;
	background-color: rgba #F9FBED;
}

#worknav li {
	flex-basis: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#gridGallery {
	padding: 75px;
	background-color: rgba(222,222,222,1.00);
}
#gridGallery h1 {
	text-align: center;
	margin-top: -40px;
}

#gridGallery h2 {
	text-align: center;
}

#gridGallery #Digital h2 {
	text-align: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
	
#gridContainer {
	
	/*START FLEX*/
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gridchild {
	margin-bottom: 6px;
}

#gridGallery2 {
	padding: 75px;
	background-color: #FFFFFF;
}
#gridGallery4 {
	background-color: #FFFFFF;
	padding-top: 75px;
	padding-right: 75px;
	padding-bottom: 75px;
	padding-left: 75px;
}

#gridGallery2 h1 {
	text-align: center;
}


#gridIllustrator {
	
	/*START FLEX*/
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



#gridGallery3 {
	padding: 75px;
	background-color: #DEDEDE;
}

#gridGallery3 h1 {
	text-align: center;
}

#gridPhoto {
	
	/*START FLEX*/
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



header h1 {
	font-family: 'Montserrat', sans-serif;
	margin-top: 2px;
	text-align: center;
	font-size: x-large;
}
main h1 {
	text-align: center;
}
#pageMainP  {
	margin-bottom: 81px;
	padding-bottom: 93px;
	text-align: justify;
	margin-left: 200px;
	margin-right: 200px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: "Montserrat", sans-serif;
}
main h3 {
	text-align: center;
	padding-bottom: 12px;
}

#gridGallery #Digital {
	padding-bottom: 20px;
}
#gridGallery2 #Illustrator {
	padding-bottom: 20px;
}
#gridGallery3 #Photography {
	padding-bottom: 20px;
}

#contactForm {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	background-color: #C2C2C2;
}
#contactForm p {
	color: #000000;
	text-align: left;
	background-image: url(assets/images/tiled-bk_01.png);
	border-width: thin;
	background-repeat: no-repeat;
	background-position: 99% 0;
	background-size: auto auto;
}

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#aboutMainP {
	margin-bottom: 81px;
	padding-bottom: 93px;
	text-align: justify;
	margin-left: 200px;
	margin-right: 200px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: "Montserrat", sans-serif;
}

#gridFine {
	
	/*START FLEX*/
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}