@import url('https://fonts.googleapis.com/css?family=Merriweather|Montserrat&display=swap');

*, ::before, ::after {
	box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
	font-family: 'Montserrat', 'Verdana','Arial', sans-serif;
	font-size: 1.618rem;
}
:root {
  --gutter: 1rem;
  --grid: calc(100% / 12);
  --col-1: calc(var( --grid) * 1);
  --col-2: calc(var( --grid) * 2);
  --col-3: calc(var( --grid) * 3);
  --col-4: calc(var( --grid) * 4);
  --col-5: calc(var( --grid) * 5);
  --col-6: calc(var( --grid) * 6);
  --col-7: calc(var( --grid) * 7);
  --col-8: calc(var( --grid) * 8);
  --col-9: calc(var( --grid) * 9);
  --col-10: calc(var( --grid) * 10);
  --col-11: calc(var( --grid) * 11);
	--col-12: calc(var( --grid) * 12);
	--primary: #1F80A9;
	--secondary: #707070;
	--third: black;
	--white: white;
}

main 	{
	min-height: 100vh;
}

/*Typography*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Montserrat', 'Verdana','Arial', sans-serif;
	font-weight: 400;
}

h1, .h1	{
	font-size: 4.236rem;
	line-height: 4.236rem;
	color: var(--primary);
}

h2, .h2	{
	font-size: 2.618rem;
	line-height: 4.236rem;
}

h3, .h3	{
	font-size: 1.618rem;
	line-height: 2.618rem;
}

h4, .h4	{
	font-size: 1rem;
	line-height: 1.618rem;
}

p 	{
	font-size: 1.618rem;
	font-family:  'Montserrat', 'Verdana','Arial', sans-serif;
	max-width: 30em;
}

p.pack 	{
	margin-bottom: 10rem;
}

a 	{
	font-family: 'Montserrat', 'Verdana','Arial', sans-serif;
}
/*End of Typography*/

/* Navigation */
nav 	{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-start;
	padding: calc(1rem / 1.618);
	background-color: var(--primary);
}

nav .open {
	display: block !important;
}

nav a.navbar-brand {
	flex: 1 2 auto;
	max-width: 20%;
	background: url("../images/ig-logo.svg") no-repeat 0 0/contain transparent;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 4rem;
	text-indent: -999999px;
	margin-left: calc(50vw - 2rem);
}

nav button.navbar-toggler 	{
	background-color: var(--primary);
	color: white;
	border: 0 none;
	padding: calc(1em / 1.618) 1em;
	font-size: 1.618em;
	cursor: pointer;
}

nav .navbar-collapse 	{
	flex:  1 1 100%;
	max-width: 100%;
	display: none;
	height: 100vh;
}

nav .navbar-collapse .navbar-nav,
nav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu 	{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

nav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu 	{
	display: none;
}

nav .navbar-collapse .navbar-nav .nav-item 	{

}

nav .navbar-collapse .navbar-nav .nav-item .nav-link,
nav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-link 	{
	padding: calc(1em / 1.618) 1em;
	display: block;
	overflow: hidden;
	text-decoration: none;
}

nav .navbar-collapse .navbar-nav .nav-item .nav-link 	{
	color: white;
	font-size: 1.618rem
}

nav .navbar-collapse .navbar-nav .nav-item .nav-link:hover 	{
	background-color: white;
	color: var(--primary);
}

nav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-link {
	color: white;
	text-indent: 2em;
	font-size: 1.618rem
}

nav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-link:hover {
	color: var(--primary);
	background-color: white;
}

nav .navbar-collapse .navbar-nav .nav-item.dropdown 	{

}

nav .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle 	{

}

nav .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle::after 	{
	font-family: FontAwesome;
	content: "\f107";
	margin-left: 1rem;
}

nav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {

}

@media screen and (min-width: 720px) 	{

		nav {
			background-color: var(--primary)
		}

		nav button.navbar-toggler {
			display: none;
		}

		nav a.navbar-brand {
			flex: 1 1 230px;
			max-width: 230px;
			margin-left: 2.5rem;
			height: 5rem;
		}

		nav .navbar-collapse {
			flex: 1 1 100%;
			max-width: 100%;
			display: block;
			max-height: 3rem;
		}

		nav .navbar-collapse .navbar-nav {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-end;
			align-items: flex-start;
			align-content: flex-start;
		}

		nav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
			display: none;
			position: absolute;
			background-color: var(--primary);
		}

}

@media screen and (min-width: 960px)	{


}

/* End of Navigation */

/*Form*/

fieldset 	{
	border: 0 none;
	padding: 1rem;
	margin-bottom: 1rem;
}

legend 	{
	padding: 1rem;
	color: var(--primary);
	font-weight: bold;
}

button, input, optgroup, select, textarea 	{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.form-row {
	margin-left: -1rem;
	margin-right: -1rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: space-around;
}

.form-group 	{
	margin-bottom: 1.618rem;
}

.form-control 	{
	display:block;
	width: 100%;
	border-radius: 1px solid #cccccc;
	padding: 1rem;
}

.form-control:focus 	{
	border-color: var(--primary);
	outline: var(--primary) auto 1px;
}

.form-control:required 	{
	border-color: green;
	outline: green auto 1px;
}

.form-control:invalid 	{
	border-color: red;
	outline: red auto 1px;
}

.btn 	{
	background-color: var(--primary);
	color: white;
	margin: 2rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}



/*End of Form*/

/*Main*/

img.pack	{
	width: 100%;
	height: auto;
}

img.logo	{
	padding-top: 3rem;
}


.main.container 	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
	padding: calc(1rem / 1.618);
	margin-bottom: 5rem;
}

@media screen and (min-width: 720px) {

	.row 	{
		width: 100%;
		display: flex;
		flex-flow: row-reverse wrap;
		justify-content: center;
		padding-bottom: 3rem;
	}
}


/*End of Main*/
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12
{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}
.col-xs-1 {
	flex: 0 0 var(--col-1);
    max-width: var(--col-1);

}
.col-xs-2 {
	flex: 0 0 var(--col-2);
	max-width: var(--col-2);
}
.col-xs-3 {
	flex: 0 0 var(--col-3);
	max-width: var(--col-3);
}
.col-xs-4 {
	flex: 0 0 var(--col-4);
	max-width: var(--col-4);
}
.col-xs-5 {
	flex: 0 0 var(--col-5);
	max-width: var(--col-5);
}
.col-xs-6 {
	flex: 0 0 var(--col-6);
	max-width: var(--col-6);
}
.col-xs-7 {
	flex: 0 0 var(--col-7);
	max-width: var(--col-7);
}
.col-xs-8 {
	flex: 0 0 var(--col-8);
	max-width: var(--col-8);
}
.col-xs-9 {
	flex: 0 0 var(--col-9);
	max-width: var(--col-9);
}
.col-xs-10 {
	flex: 0 0 var(--col-10);
	max-width: var(--col-10);
}
.col-xs-11 {
	flex: 0 0 var(--col-11);
	max-width: var(--col-11);
}
.col-xs-12 {
	flex: 0 0 var(--col-12);
	max-width: var(--col-12);
}
@media screen and (min-width: 576px) {
	.col-sm-1 {
		flex: 0 0 var(--col-1);
		max-width: var(--col-1);
	}
	.col-sm-2 {
		flex: 0 0 var(--col-2);
		max-width: var(--col-2);
	}
	.col-sm-3 {
		flex: 0 0 var(--col-3);
		max-width: var(--col-3);
	}
	.col-sm-4 {
		flex: 0 0 var(--col-4);
		max-width: var(--col-4);
	}
	.col-sm-5 {
		flex: 0 0 var(--col-5);
		max-width: var(--col-5);
	}
	.col-sm-6 {
		flex: 0 0 var(--col-6);
		max-width: var(--col-6);
	}
	.col-sm-7 {
		flex: 0 0 var(--col-7);
		max-width: var(--col-7);
	}
	.col-sm-8 {
		flex: 0 0 var(--col-8);
		max-width: var(--col-8);
	}
	.col-sm-9 {
		flex: 0 0 var(--col-9);
		max-width: var(--col-9);
	}
	.col-sm-10 {
		flex: 0 0 var(--col-10);
		max-width: var(--col-10);
	}
	.col-sm-11 {
		flex: 0 0 var(--col-11);
		max-width: var(--col-11);
	}
	.col-sm-12 {
		flex: 0 0 var(--col-12);
		max-width: var(--col-12);
	}
}
@media screen and (min-width: 720px) {
	.col-md-1 {
		flex: 0 0 var(--col-1);
		max-width: var(--col-1);
	}
	.col-md-2 {
		flex: 0 0 var(--col-2);
		max-width: var(--col-2);
	}
	.col-md-3 {
		flex: 0 0 var(--col-3);
		max-width: var(--col-3);
	}
	.col-md-4 {
		flex: 0 0 var(--col-4);
		max-width: var(--col-4);
	}
	.col-md-5 {
		flex: 0 0 var(--col-5);
		max-width: var(--col-5);
	}
	.col-md-6 {
		flex: 0 0 var(--col-6);
		max-width: var(--col-6);
	}
	.col-md-7 {
		flex: 0 0 var(--col-7);
		max-width: var(--col-7);
	}
	.col-md-8 {
		flex: 0 0 var(--col-8);
		max-width: var(--col-8);
	}
	.col-md-9 {
		flex: 0 0 var(--col-9);
		max-width: var(--col-9);
	}
	.col-md-10 {
		flex: 0 0 var(--col-10);
		max-width: var(--col-10);
	}
	.col-md-11 {
		flex: 0 0 var(--col-11);
		max-width: var(--col-11);
	}
	.col-md-12 {
		flex: 0 0 var(--col-12);
		max-width: var(--col-12);
	}
}
@media screen and (min-width: 992px) {
	.col-lg-1 {
		flex: 0 0 var(--col-1);
		max-width: var(--col-1);
	}
	.col-lg-2 {
		flex: 0 0 var(--col-2);
		max-width: var(--col-2);
	}
	.col-lg-3 {
		flex: 0 0 var(--col-3);
		max-width: var(--col-3);
	}
	.col-lg-4 {
		flex: 0 0 var(--col-4);
		max-width: var(--col-4);
	}
	.col-lg-5 {
		flex: 0 0 var(--col-5);
		max-width: var(--col-5);
	}
	.col-lg-6 {
		flex: 0 0 var(--col-6);
		max-width: var(--col-6);
	}
	.col-lg-7 {
		flex: 0 0 var(--col-7);
		max-width: var(--col-7);
	}
	.col-lg-8 {
		flex: 0 0 var(--col-8);
		max-width: var(--col-8);
	}
	.col-lg-9 {
		flex: 0 0 var(--col-9);
		max-width: var(--col-9);
	}
	.col-lg-10 {
		flex: 0 0 var(--col-10);
		max-width: var(--col-10);
	}
	.col-lg-11 {
		flex: 0 0 var(--col-11);
		max-width: var(--col-11);
	}
	.col-lg-12 {
		flex: 0 0 var(--col-12);
		max-width: var(--col-12);
	}

	footer .navbar-collapse {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
		align-content: flex-start;
		display: block;
	}
	footer .navbar-collapse .navbar-nav
	{
		padding: 0;
		margin: 0;
		list-style-type: none;
		margin: 20px 20px;
	}
	footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
		display: block;
		list-style-type: none;
	}
	footer .navbar-collapse .navbar-nav .nav-item {

	}
	footer .navbar-collapse .navbar-nav .nav-item .nav-link:focus {
		text-decoration: underline;
	}
	footer .navbar-collapse .navbar-nav .nav-item .nav-link,
	footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-link
	{
		color: var(--white);
		display: block;
		overflow: hidden;
		text-decoration: none;
	}
	footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-link:focus {
		text-decoration: underline;
	}
	footer .navbar-collapse .navbar-nav .nav-item .nav-link {
		color: var(--white);
	}

	footer .navbar-collapse .navbar-nav .nav-item.dropdown {

	}
	footer .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle {

	}

	footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {

	}
}
@media screen and (min-width: 1200px) {
	.col-xl-1 {
		flex: 0 0 var(--col-1);
		max-width: var(--col-1);
	}
	.col-xl-2 {
		flex: 0 0 var(--col-2);
		max-width: var(--col-2);
	}
	.col-xl-3 {
		flex: 0 0 var(--col-3);
		max-width: var(--col-3);
	}
	.col-xl-4 {
		flex: 0 0 var(--col-4);
		max-width: var(--col-4);
	}
	.col-xl-5 {
		flex: 0 0 var(--col-5);
		max-width: var(--col-5);
	}
	.col-xl-6 {
		flex: 0 0 var(--col-6);
		max-width: var(--col-6);
	}
	.col-xl-7 {
		flex: 0 0 var(--col-7);
		max-width: var(--col-7);
	}
	.col-xl-8 {
		flex: 0 0 var(--col-8);
		max-width: var(--col-8);
	}
	.col-xl-9 {
		flex: 0 0 var(--col-9);
		max-width: var(--col-9);
	}
	.col-xl-10 {
		flex: 0 0 var(--col-10);
		max-width: var(--col-10);
	}
	.col-xl-11 {
		flex: 0 0 var(--col-11);
		max-width: var(--col-11);
	}
	.col-xl-12 {
		flex: 0 0 var(--col-12);
		max-width: var(--col-12);
	}
}
footer {
	background-color: var(--primary);
	padding: 10px 0;
}
footer .navbar-collapse {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
	display: block;
}
footer .navbar-collapse .navbar-nav
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin: 10px 37px;
}
footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
	display: block;
	list-style-type: none;
}
footer .navbar-collapse .navbar-nav .nav-item {

}
footer .navbar-collapse .navbar-nav .nav-item .nav-link:focus {
	text-decoration: underline;
}
footer .navbar-collapse .navbar-nav .nav-item .nav-link,
footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-link
{
	color: var(--white);
	display: block;
	overflow: hidden;
	text-decoration: none;
}
footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-link:focus {
	text-decoration: underline;
}
footer .navbar-collapse .navbar-nav .nav-item .nav-link {
	color: var(--white);
}

footer .navbar-collapse .navbar-nav .nav-item.dropdown {

}
footer .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle {
	cursor: default;
}
footer .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:focus {
	text-decoration: none;
}

footer .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {

}
.bottom {
	list-style-type: none;
	display: none;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}
.bottom li {
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;
}
.bottom li a {
	color: white;
}

/*Footer*/
footer nav 	{
	padding: calc(1rem / 1.618);
	display: flex;
	flex-flow: column;
	align-items: center;
}

footer nav div ul	{
	list-style-type: none;
}

footer nav div ul li 	{
	padding: calc(1rem / 1.618);
}

footer nav div ul li a 	{
	text-decoration: underline;
	color: white;
	font-family: 'Montserrat', 'Verdana','Arial', sans-serif;
}

footer .unscripted {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
footer .legal li {
	color: white;
	display: inline;
	padding: 0 10px;
	font-size: 1rem;
	font-family: 'Montserrat', 'Verdana','Arial', sans-serif;
}
footer .legal li:nth-child(1) {
	border-right: 1px solid white;
}
footer .legal li:nth-child(2) {
	border-right: 1px solid white;
}
/*End of Footer*/




/*
Name: Portfolio
Developer: Isaac Gross
Date: 3/24/2020
*/