/*==============Body============*/

body{
	width: 935px;
	margin: 10px auto;
	padding: 20px;
	font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, sans-serif;
	color: #EF425D;
	text-transform: uppercase;
	font-weight: normal;
	margin: auto;
}

/*==============Header============*/

.clearfix::after{
	content: "";
	display: table;
	clear:both;
}

img.logo{
	width:400px;
	padding-bottom: 30px;
}



/*==============Figure============*/

figure{
	display: inline-block;
	margin: auto;
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 1.5em;
	padding-bottom: 15px
}

figure.engagement{
	float:left;
}

figure.streetdancing{
	padding-left: 23px
}

figure.vectorwatch{
	float: right;
}

figcaption{
	text-transform: uppercase;
	color: #EF425D;
	font-size: 1.5em;
	padding-top: 15px;
}

/*=============Main===========*/

p.about{
	font-size: 1.5em;
	letter-spacing: 0.04em
}

div.w3-display-container{
	margin-bottom: 47px;
}

main{
	margin-bottom: 18px;
}

img.bloomingroses{
	padding-bottom: 40px;
}


div.onehalf{
	width: 45%;
	display: inline-block; 
	vertical-align: top;
}

img.JLengagement{
}

div.contact{
	margin-top: 30px;
}

label{
	display: block;
}

input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
}

input[type=submit] {
    background-color: #55415E;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	  margin-bottom: 16px;
	display: block;
}

input[type=submit]:hover {
    background-color: #E1ECB4;
}

img.lupin{
	padding-right: 17.55px;
	padding-bottom: 17.55px;
}

img.guitar{
	padding-right: 17.55px;
	padding-bottom: 35px;
}

img.portrait{
	padding-right: 17.55px;
	padding-bottom: 17.55px;
}

img.pinecones{
	padding-right: 17.55px;
	padding-bottom: 35px;
}

img.bee{
	padding-bottom: 17.55px;
}

img.soccer{
	padding-bottom: 35px;
}
/*=============Article===========*/

article{
	text-align: center;
}

/*==============Main Navigation============*/

header nav li {
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
  margin: 15px;
	text-transform: uppercase;
}

header nav{
	width: 510px;
	float: right;
	padding-top: 10px
}

header nav ul {
	padding-top: 20px;
	padding-right: 36px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin: 0px;
	background-color: #64C3A3;
	text-align: right;
}
footer nav li {
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 22px;
	text-transform: uppercase;
}

footer nav ul {
  margin-right: 6px;
	float: left;
}

/*==============LINK STYLE============*/

header nav a:link {
	color: #E1ECB4;
	text-decoration: none;
}

header nav a:visited {
	color: #E1ECB4;
	text-decoration: none;
}

header nav a:hover {
	color: #ffffff;
	text-decoration: none;
}

header nav a:active {
	color: #ffffff;
	text-decoration: none;
}

footer nav a:link {
	color: #E1ECB4;
	text-decoration: none;
}

footer nav a:visited {
	color: #E1ECB4;
	text-decoration: none;
}

footer nav a:hover {
	color: #ffffff;
	text-decoration: none;
}

footer nav a:active {
	color: #ffffff;
	text-decoration: none;
}

figure.engagement:hover{
	opacity: 0.7;
  filter: alpha(opacity=50);
}

figure.streetdancing:hover{
	opacity: 0.7;
  filter: alpha(opacity=50);
}

figure.vectorwatch:hover{
	opacity: 0.7;
  filter: alpha(opacity=50);
}

/*==============Footer============*/

footer{
	background-color: #64C3A3;
	font-family: Arial, sans-serif;
	padding-top: 20px;
}

p.copyright{
	padding-top: 16px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 0.9em
}

div.socialmedia{
	float:right;
	padding-bottom: 20px;
	padding-right: 30px;
}

img.socialmedia{
	margin-right: 13px;
}


.clearfix::after{
	content: "";
	display: table;
	clear:both;
}