@charset "UTF-8";
/* CSS Document */

/*. more layout styles. */
/* 
Main Background
	Soft Gary: rgba(242,242,242,1.00)
Hero/Highlight
	Charcoal: rgba(28,28,28,1.00)
Section Background
	Pure White: rgba(255,255,255,1.00)
Accents
	Navy: rgba(15,26,44,1.00)
	Cool Steel Blue: rgba(74,111,165,1.00)
*/

body {
    padding-left: 40px;
    padding-right: 40px;
}


h1, h2{
  	font-family: "kepler-std-display", serif;
	font-weight: 600;
	font-style: normal;
	color: rgba(28,28,28,1.00)
}

h3, h4, h5, h6{
	font-family: "avenir-next-lt-pro-condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: rgba(28,28,28,1.00)
}

p{
	font-family: "source-sans-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: rgba(28,28,28,1.00)
}

/*instert nav*/

.site-header {
    display: flex;
    justify-content: space-between;  /* spreads items left + right */
    align-items: center;
    padding: 20px;
}

#adobe{width: 1200px;
	height: 500px;
	margin: 25px auto;
	background: rgba(74,111,165,1.00);
	
}

#drawing{width: 1200px;
	height: 500px;
	margin: 25px auto;
	background: rgba(74,111,165,1.00);
}

#labels{width: 1200px;
	height: 500px;
	margin: 25px auto;
	background: rgba(74,111,165,1.00);
}

#websites_emails{width: 1200px;
	height: 500px;
	margin: 25px auto;
	background: rgba(74,111,165,1.00);
}


.product{width: 300px;
	height: 500px;
	background: rgba(74,111,165,1.00);
	float: left;
		
}

.box{width: 300px;
	height: 500px;
	background: rgba(255,255,255,1.00);
	float: left;
		
}


.product a:link{color: rgba(255,255,255,1.00);
		text-decoration: none;
		}
.product a:visited{color: rgba(19,19,19,1.00);}
.product a:hover{color: rgba(172,172,172,1.00);}
.product a:active{color: rgba(255,255,255,1.00);}

.socials{margin-right: 13px;}


.clearfloats{clear:both;}

footer {
  background-color: rgba(62,62,62,1.00);
  color: #fff;
  padding: 20px;
  text-align: center;
  font-size: 14px;
}

footer a {
  color: #ddd;
  text-decoration: none;
  margin: 0 10px;
}

footer a:hover {
  text-decoration: underline;
}

button {
			background-color: #ffffff;
			font-size: 19px;
			border: 1px solid #ffffff;
			border-radius: 50px;
			padding: 15px 50px;
			cursor: pointer
		}
		button:hover {
			color: #2d63c8;
			background-color: #ffffff;
		}