/*     .__                                            .__        
_____  |  |    ____   ______________  _______    _____|__| ____  
\__  \ |  |   / ___\_/ __ \_  __ \  \/ /\__  \  /  ___/  |/  _ \ 
 / __ \|  |__/ /_/  >  ___/|  | \/\   /  / __ \_\___ \|  (  <_> )
(____  /____/\___  / \___  >__|    \_/  (____  /____  >__|\____/ 
     \/     /_____/      \/                  \/     \/           
      
      */
 /* HERE IS BREAKPOINT #1 FOR SMART PHONES */
 @media screen and (max-width: 479px) {

 	nav {
 		width: 375px;
 		text-align: center;
 	}

 	a {
 		font-size: 20pt;
 		display: block;
 	}

 	img {
 		width: 300px;
 	}

 	figure {
 		width: 375px;
 	}

 	h1 {
 		font-size: 20pt;
 	}

 	h2 {
 		font-size: 15pt;
 	}
 }

 /* HERE IS BREAKPOINT #2 FOR PHABLETS */
@media screen and (min-width: 480px) and (max-width: 766px) {
 	
 	nav {
 		width: 480px;
 		text-align: center;
 	}

 	a {
 		font-size: 25pt;
 	}

 	img {
 		width: 370px;
 	}

 	figure {
 		width: 375px;
 	}

 	h1 {
 		font-size: 25pt;
 	}

 	h2 {
 		font-size: 20pt;
 	}
 }
      
/* FONT-FACE CUSTOM FONTS */

@font-face {
	font-family:"balboa";
	src:url("https://use.typekit.net/af/71467b/00000000000000007735b501/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/71467b/00000000000000007735b501/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/71467b/00000000000000007735b501/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
	font-family:"mrs-eaves-xl-serif";
	src:url("https://use.typekit.net/af/b80a9d/00000000000000007735b2f3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/b80a9d/00000000000000007735b2f3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/b80a9d/00000000000000007735b2f3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:400;
}

/* KEYFRAMES RULE ANIMATION */
@keyframes fade-in-one {
	0%		{opacity:0;}
	100%	{opacity: 1;}
}

.fade-in-one {
	animation-name: fade-in-one;
	animation-duration: 4s;

}

/*form*/

.form {
	margin-bottom: 2vh;
	margin-left: 13.1vw;
	list-style-type: none;
	font-family: "balboa", sans-serif;
	font-size: 20pt;
	color: #143d5e;
}

button {
	margin-left: 46vw;
}

/* USER INPUT FIELDS */

input {
	display: block;
	margin: auto;
	padding: .5vh;
	color: black;
	font-weight: bold;
	border: 3px;
	border-color: #143d5e;
	background-color: white;
}

	input:hover {
		color: gray;
		border: 3px #e0630d;
		background-color: #143d5e;
	}

	input:focus {
		background-color: yellow;
	}

/*NAVIGATION*/

li {
	font-family: "balboa", sans-serif;
	font-size: 35pt;
	display: inline-block;
	margin: 0 3.5vw;
}
a {
	text-decoration: none;
	color: #143d5e;
}

	a:hover {
		text-decoration: none;
		color: #e0630d;
	}


body {
	background-color: #f7ede8;
}

h1 {
	font-family: "balboa", sans-serif;
	font-size: 35pt;
	color: #e0630d;
	text-align: center;
	margin-top: 5vw;
}

h2 {
	font-family: "balboa", sans-serif;
	font-size: 25pt;
	color: #143d5e;
	text-align: center;
}

h3 {
	font-family: "mrs-eaves-xl-serif";
	font-size: 18pt;
	color: #143d5e;
	text-align: center;
	margin-top: 3vw;
}

figure {
	width: 68vw;
	height: 1vw;
	background-color: #143d5e;
	margin-left: 15.5vw;
}