/*import fonts*/
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Montserrat');

/*body font*/
@font-face {
	font-family: 'Lora', serif;
}

/*header and nav font*/
@font-face {
	font-family: 'Montserrat', sans-serif;
}

/* header bar styling*/
.header-bar {
	width: 100%;
	top: 0px;
	position: fixed;
	z-index: 1000;

	background-color: white;
}

/*nav styling*/
nav {
	/*positioning*/
	right: 2em;
	top: 1.8em;
	display:inline-block;
	padding-top:1.8em;

	/*font styling*/
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*page navigation positioning*/
.nav2 {
	position: static;
	padding-bottom: 3em;
}

/*page navigation link styling*/
a.pagenav, a.pagenav:visited, a.pagenav:active {
	display: inline;
	line-height: 2em;

	font-family: Lora;
	text-transform: initial;
	text-decoration: none;
	letter-spacing: 0px;
	font-size: 1.1em;
	color: #666666;
	-webkit-transition: color 0.2s;
}

a.pagenav:hover, a.pagenav:focus {
	color: black;
}

/*MAIN MENU- set button styling: not active*/
a.button-nav, a.button-nav:visited, a.button-nav:active {
	width: 100;
	display: inline-block;

	background-color: white;
	border: 0.5em;
	border-style: solid;
	border-color: white;
	color: black;
	text-decoration: none;
	-webkit-transition: color 0.2s;
}

/*MAIN MENU- set button styling: hover*/
a.button-nav:hover, a.button-nav:focus{
	color: #fb4d42;
}

/*header link styling*/
a.header, a.header:visited, a.header:active {
	-webkit-transition: color 0.2s;
	color: #fb4d42;
	text-decoration: none;
}

a.header:hover, a.header:focus {
	color: #666666;
}

/*intext link styling*/
a.intext {
	font-family: Lora-italic;
	color: black;
}

a.intext:hover, a.intext:focus {
	color: black;
}

a.intext:visited {
	color: black;
}

/*PAGE MENU- set button styling: not active*/
li.header {
	width: 100;
	display: block;
	-webkit-transition: color 0.2s;
}

/*PAGE MENU- set button styling: hover*/
li.header:hover, li.header:focus{
	color: #fb4d42;
}

/*header line styling*/
hr {
    border: 0;
    padding-left: -1em;
    margin-bottom: -1em;
	width: 100%;
	height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

#footer-hr {
	padding-bottom: 2em;
}

/*pick font for header*/
h1, h2, h4, h5 {
	font-family: Montserrat;
	color: black;
}

/*header 1, 2, 6 styling*/
h1, h2, h6 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: lighter;
}

/*header 1 styling*/
h1 {
	display: inline-block;
	padding-left: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	margin: 0em;
}

/*header 2 styling*/
h2 {
	font-size: large;
}

/*h3 styling*/
h3 {
	padding-bottom: 1em;
	display: inline-block;
	font-family: Lora-italic;
	font-weight: lighter;
	font-size: larger;
	line-height: 150%;
}

/*h4 and 5 styling*/
h4, h5 {
	font-weight: lighter;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/*h4 styling*/
h4 {
	padding-top: 1em;
}

/*h6 styling*/
h6 {
	font-family: Montserrat;
	color: #fb4d42;
	display: inline;
	font-size: 1em;
	padding-right: 2em;
	-webkit-transition: 0.2s;
}

h6:hover {
	color: black;
}

/*pick font for body text and lists*/
p, ul {
	font-family: Lora;
	font-weight: lighter;
	color: #666666;
	line-height: 150%;
}

/*list styling*/
ul, h5 {
	margin: 0.5em;
}

ul {
	list-style-type: square;
}

/*content positioning*/
#content-header {
	padding-top: 6em;
}

.body-content {
	padding-left: 2em;
}

/*contact positioning*/
#contact-methods {
	font-size: 0.8em;
	padding: 0em 2em;
}

/*make every span appear on its own line*/
span {
	display: block;
}

/*make sections align to top*/
section {
	text-align: top;
}

/*image styling*/
img {
	padding: initial;
	width: 100%;
}

a.logo {
	text-decoration: none;
	display: inline;
}

#social-media {
	padding-top: 2em;
	padding-left: 2em;
}

#logo {
	margin-right: 1.5em;
	display: inline;
	height: 3em;
	width: 3em;
}

/*image responsiveness*/
.img-desktop {
	display: block;
}

.img-mobile {
	display: none;
}

/*footer styling*/
#footer-social-media {
	padding-left: 2em;
	display: inline;
	padding-bottom: 0.5em;
}

#footer-contact-phone {
	display: block;
	padding-right: 2em;
	padding-bottom: 0.5em;
}

#footer-contact-email {
	display: block;
	padding-right: 2em;
}

#footer-header {
	display: inline;
	padding-top: 0;
	margin-top: 0;
	padding-right: 0;
}

#footer-header-six {
	padding-right: 0;
	display: inline;
}

/*grid row positioning*/
div.grid-col-2of7 {
	padding-left: 2em;
}

div.grid-col-3of7 {
	padding-right: 2em;
}

/*form styling*/
#email-form {
	padding-left: 35%;
}

form {
	padding-top: 1.4em;
}

input[type=text] {
	font-family: Lora;
	border: 1px solid white;
	border-radius: 4px;
	background-color: #e6e6e6;
}

/*name box styling*/
input[name="name"] {
	padding: 0.2em 0.4em;
	width: 50%;
	margin-bottom: 2em;
}

/*email box styling*/
input[name="mail"] {
	padding: 0.2em 0.4em;
	width: 50%;
	margin-bottom: 2em;
}

/*comment box styling*/
textarea[name="comment"] {
	font-family: Lora;
	border: 1px solid white;
	border-radius: 4px;
	color: black;
	background-color: #e6e6e6;

	text-align: top;
	padding: 0.4em;
	width: 100%;
	height: 10em;
	margin-bottom: 1.5em;
}

/*submit button styling*/
input[type=submit] {
	font-family: Montserrat;
	text-transform: uppercase;
	font-weight: lighter;
	margin-bottom: 10em;
	padding: 0.5em 1em;
	border: 1px solid white;
	border-radius: 4px;
	color: white;
	background-color: #fb4d42;
}