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

body{margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: white;}

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

.linky {text-decoration: underline;}

#wrapper{width:100%;
			margin: 0px;
	padding: 0px;}

.logo {
		width: 20%;
		float: left;
		margin-left:2%;	
				}

.small {display: none;}

.big {width:100%;}

.wrapper .toggle {display:none;}

ul {
  list-style-type: none;
  margin-top: 1%;
  padding: 0;
  overflow: hidden;
  float: right;
  margin-right:2%;
}

li {
  float: left;
}

li a {
  display: block;
  color: black;
  font-family: "gopher-regular";
  text-align: center;
  font-size: 1.4em;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  color: #bbd1bc;
}

.jumbotron { margin:0px;
			 }


.recent {font-family: "gopher-regular";
			margin-bottom: 2%;
			margin-left: 10%;}


/* start of large tablet styles */
@media screen and (max-width: 991px) {
:root { --primary-color: rgba( 0, 0, 0, 1);
		--overlay-color: rgba(0, 0, 0, 0.85);
		--menu-speed: 0.75s;}

.logo {
		width: 20%;
		float: left;
		margin-left:2%;	
				margin-top: 1%;}

.small {display: inline;}
	.big {display: none;}

.wrapper {
	position: fixed;
	top: 0; 
	right: 0;
	z-index: 1;
}

.wrapper .toggle {display:inline;}

.wrapper .toggle { 
	position: absolute; 
	top: 0; 
	right: 0;
	z-index: 2;
	cursor: pointer;
	width: 50px;
	height: 50px;
	opacity: 0;
}

.wrapper .hamburger {
	position: absolute;
	top: 0; 
	right: 0;
	z-index: 1;
	width: 60px;
	height: 60px;
	padding: 1rem;
	background: var(--primary-color);
	display: flex;
	align-items: center; 
	justify-content: center;

}

/*hamburger line*/

.wrapper .hamburger > div {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	display: flex;
	align-content: center;
	justify-content: center;
	transition: all 0.4s ease;
}

/*top and bottom lines*/
.wrapper .hamburger > div:before,
.wrapper .hamburger > div:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -10px;
	width: 100%;
	height: 2px;
	background: inherit;
}

.wrapper .hamburger > div:after  {
	top: 10px;
}

/*toggle animate*/

.wrapper .toggle:checked + .hamburger > div { 
transform: rotate(135deg); }

/* turn lines into x */
.wrapper .toggle:checked + .hamburger > div:before,
.wrapper .toggle:checked + .hamburger > div:after { 
top: 0; 
transform: rotate(90deg);
}

/* rotate on hover when checked */
.wrapper .toggle:checked:hover + .hamburger > div { 
	transform: rotate(225deg);}

/*show menu */ 
.wrapper .toggle:checked ~ .boop {
	visibility: visible;

}

.wrapper .toggle:checked ~ .boop > div { 
transform: scale(1); 
transition-duration: var(--menu-speed);}

.wrapper .toggler:checked ~ .boop > div > div { 
opacity: 1; 
transition: opacity 0.4s ease;}

.wrapper .boop { 
position: fixed;
top: 0; 
right: 0;
width:100%;
height:100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
visibility:hidden  ;}

.wrapper .boop > div { 
background: var(--overlay-color);
border-radius: 50%;
width: 200vw;
height: 200vw; 
display: flex;
flex: none;
align-items: center;
justify-content: center;
transform: scale(0);
transition: all 0.4s ease;}

.wrapper .boop> div > div {
	text-align: center;
	max-width: 90vw;
	max-height: 100vh;
	opacity; 0; 
	transition: opacity 0.4s ease;
}

.wrapper .boop > div > div ul > li { 
	list-style: none;
	color: white;
	padding: 1rem;
	line-height: .5;

}

.wrapper .boop > div > div ul > li > a { 
	color: inherit;
	text-decoration: none; 
	align-content: center;
	transition: color 0.4s ease;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  
}

li {
  clear:both;
  text-align: center;

}

li a {
  display: block;
  color: black;
  font-family: "gopher-regular";
  text-align: center;
  font-size: 1.3em;
  padding: 16px;
  text-decoration: none;
}

li a:active {
  color: #bbd1bc;
}



	}



}

/* start of medium tablet styles */
@media screen and (max-width: 767px) {
:root { --primary-color: rgba( 0, 0, 0, 1);
		--overlay-color: rgba(0, 0, 0, 0.85);
		--menu-speed: 0.75s;}

.logo {
		width: 100%;
		float: left;
		margin-left:2%;	
				margin-top: 1%;}

.small {display: inline;}
	.big {display: none;}

.wrapper {
	position: fixed;
	top: 0; 
	right: 0;
	z-index: 1;
}

.wrapper .toggle {display:inline;}

.wrapper .toggle { 
	position: absolute; 
	top: 0; 
	right: 0;
	z-index: 2;
	cursor: pointer;
	width: 50px;
	height: 50px;
	opacity: 0;
}

.wrapper .hamburger {
	position: absolute;
	top: 0; 
	right: 0;
	z-index: 1;
	width: 60px;
	height: 60px;
	padding: 1rem;
	background: var(--primary-color);
	display: flex;
	align-items: center; 
	justify-content: center;

}

/*hamburger line*/

.wrapper .hamburger > div {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	display: flex;
	align-content: center;
	justify-content: center;
	transition: all 0.4s ease;
}

/*top and bottom lines*/
.wrapper .hamburger > div:before,
.wrapper .hamburger > div:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -10px;
	width: 100%;
	height: 2px;
	background: inherit;
}

.wrapper .hamburger > div:after  {
	top: 10px;
}

/*toggle animate*/

.wrapper .toggle:checked + .hamburger > div { 
transform: rotate(135deg); }

/* turn lines into x */
.wrapper .toggle:checked + .hamburger > div:before,
.wrapper .toggle:checked + .hamburger > div:after { 
top: 0; 
transform: rotate(90deg);
}

/* rotate on hover when checked */
.wrapper .toggle:checked:hover + .hamburger > div { 
	transform: rotate(225deg);}

/*show menu */ 
.wrapper .toggle:checked ~ .boop {
	visibility: visible;

}

.wrapper .toggle:checked ~ .boop > div { 
transform: scale(1); 
transition-duration: var(--menu-speed);}

.wrapper .toggler:checked ~ .boop > div > div { 
opacity: 1; 
transition: opacity 0.4s ease;}

.wrapper .boop { 
position: fixed;
top: 0; 
right: 0;
width:100%;
height:100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
visibility:hidden  ;}

.wrapper .boop > div { 
background: var(--overlay-color);
border-radius: 50%;
width: 200vw;
height: 200vw; 
display: flex;
flex: none;
align-items: center;
justify-content: center;
transform: scale(0);
transition: all 0.4s ease;}

.wrapper .boop> div > div {
	text-align: center;
	max-width: 90vw;
	max-height: 100vh;
	opacity; 0; 
	transition: opacity 0.4s ease;
}

.wrapper .boop > div > div ul > li { 
	list-style: none;
	color: white;
	padding: 1rem;
	line-height: 1.4;

}

.wrapper .boop > div > div ul > li > a { 
	color: inherit;
	text-decoration: none; 
	align-content: center;
	transition: color 0.4s ease;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  
}

li {
  clear:both;
  text-align: center;

}

li a {
  display: block;
  color: black;
  font-family: "gopher-regular";
  text-align: center;
  font-size: 1.3em;
  padding: 16px;
  text-decoration: none;
}

li a:active {
  color: #bbd1bc;
}



	}

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px){

  :root { --primary-color: rgba( 0, 0, 0, 1);
		--overlay-color: rgba(0, 0, 0, 0.85);
		--menu-speed: 0.75s;}

.logo {width: 100%;
		float: left;
		margin-left:2%;	
				margin-top: 1%;}

.small {display: inline;
	}
	.big {display: none;}

.wrapper {
	position: fixed;
	top: 0; 
	right: 0;
	z-index: 1;
}

.wrapper .toggle {display:inline;}

.wrapper .toggle { 
	position: absolute; 
	top: 0; 
	right: 0;
	z-index: 2;
	cursor: pointer;
	width: 50px;
	height: 50px;
	opacity: 0;
}

.wrapper .hamburger {
	position: absolute;
	top: 0; 
	right: 0;
	z-index: 1;
	width: 60px;
	height: 60px;
	padding: 1rem;
	background: var(--primary-color);
	display: flex;
	align-items: center; 
	justify-content: center;

}

/*hamburger line*/

.wrapper .hamburger > div {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	display: flex;
	align-content: center;
	justify-content: center;
	transition: all 0.4s ease;
}

/*top and bottom lines*/
.wrapper .hamburger > div:before,
.wrapper .hamburger > div:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -10px;
	width: 100%;
	height: 2px;
	background: inherit;
}

.wrapper .hamburger > div:after  {
	top: 10px;
}

/*toggle animate*/

.wrapper .toggle:checked + .hamburger > div { 
transform: rotate(135deg); }

/* turn lines into x */
.wrapper .toggle:checked + .hamburger > div:before,
.wrapper .toggle:checked + .hamburger > div:after { 
top: 0; 
transform: rotate(90deg);
}

/* rotate on hover when checked */
.wrapper .toggle:checked:hover + .hamburger > div { 
	transform: rotate(225deg);}

/*show menu */ 
.wrapper .toggle:checked ~ .boop {
	visibility: visible;

}

.wrapper .toggle:checked ~ .boop > div { 
transform: scale(1); 
transition-duration: var(--menu-speed);}

.wrapper .toggler:checked ~ .boop > div > div { 
opacity: 1; 
transition: opacity 0.4s ease;}

.wrapper .boop { 
position: fixed;
top: 0; 
right: 0;
width:100%;
height:100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
visibility:hidden  ;}

.wrapper .boop > div { 
background: var(--overlay-color);
border-radius: 50%;
width: 200vw;
height: 200vw; 
display: flex;
flex: none;
align-items: center;
justify-content: center;
transform: scale(0);
transition: all 0.4s ease;}

.wrapper .boop> div > div {
	text-align: center;
	max-width: 90vw;
	max-height: 100vh;
	opacity; 0; 
	transition: opacity 0.4s ease;
}

.wrapper .boop > div > div ul > li { 
	list-style: none;
	color: white;
	padding: 1rem;
	line-height: 1;

}

.wrapper .boop > div > div ul > li > a { 
	color: inherit;
	text-decoration: none; 
	align-content: center;
	transition: color 0.4s ease;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  line-height: 1em;
  
}

li {
  clear:both;
  text-align: center;


}

li a {
  display: block;
  color: black;
  font-family: "gopher-regular";
  text-align: center;
  font-size: 1.3em;
  padding: 16px;

  text-decoration: none;
}

li a:active {
  color: #bbd1bc;
}



	}


/*project pages*/ 

.header {font-family: "gopher-regular";
		font-style: medium;
		clear: both;
		margin-top: 5%;
		 margin-bottom: 2%;}

.card {margin-bottom: 7%;
		margin-top: 2%;}

		.card img:hover {box-shadow: -10px -10px #bbd1bc;}




.card-title {font-family: "gopher-regular";
				text-decoration: none;}

.picture {width: 42%;
			float: right;
			margin-right: 10%;
			
			margin-bottom: 4%;}

.cap {font-family: "gopher-regular";
		margin-top: 3%;
		margin-left: 38%;
	
}

.pac {font-family: "gopher-regular";
		margin-top: 3%;
		text-align: center;}


.tiny {width: 42%;
		float: right;
			margin-right: 10%;
			margin-bottom: 3%;}

.title {font-family: "gopher-regular";
		clear: both;
		margin-left: 10%;
		margin-top: 5%;}

.content {font-family: "gopher-regular";
			float: left;
			font-size: 1.1em;
			margin-left: 10%;
			width: 35%;
			margin-right: 1%;}

.sub {font-family: "roc-grotesk-wide";
		font-size: 1.4em;
		margin-left: 10%;}


.black {  height: 15px;
  width: 15px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;}


.white {height: 15px;
  width: 15px;
  background-color: #ffffff;
  border-radius: 50%;
  border-style: solid;
  display: inline-block;}

.ugh {width: 20%;
		float: left;	
		margin-top:.1%;	

		line-height: 1.87em;}


.poopy {width: 20%;
		font-family: "gopher-regular";
		font-size: 1.1em;
			float: left;
			margin-left:2%;
			margin-right: 2%;	
			line-height: 1.7em;}

.more {clear:both;
		width:100%;}


.video {width: 42%;
			float: right;
			margin-right: 10%;
			margin-top: 1%;
			margin-bottom: 2%;}


#carouselExampleControls {width: 42%;
			float: right;
			margin-right: 10%;
			margin-top: .5%;
			margin-bottom: 2%;}

#ghosty {opacity: 0%;}

/* start of large tablet styles */
@media screen and (max-width: 991px) {
.header {font-family: "gopher-regular";
		font-style: medium;
		clear: both;
		margin-top: 5%;
		 margin-bottom: 2%;}

.card {margin-bottom: 7%;
		margin-top: 2%;}

		.card img:hover {box-shadow: -10px -10px #bbd1bc;}




.card-title {font-family: "gopher-regular"
				text-decoration: none;}

.picture {width: 42%;
			float: right;
			margin-right: 10%;
			
			margin-bottom: 4%;}

.cap {font-family: "gopher-regular";
		margin-top: 3%;
		margin-left: 38%;
	
}

.pac {font-family: "gopher-regular";
		margin-top: 3%;
		text-align: center;}


.tiny {width: 42%;
		float: right;
			margin-right: 10%;
			margin-bottom: 3%;}

.title {font-family: "gopher-regular";
		clear: both;
		margin-left: 10%;
		margin-top: 5%;}

.content {font-family: "gopher-regular";
			float: left;
			font-size: 1.1em;
			margin-left: 10%;
			width: 35%;
			margin-right: 1%;}

.sub {font-family: "roc-grotesk-wide";
		font-size: 1.4em;
		margin-left: 10%;}


.black {  height: 15px;
  width: 15px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;}


.white {height: 15px;
  width: 15px;
  background-color: #ffffff;
  border-radius: 50%;
  border-style: solid;
  display: inline-block;}

.ugh {width: 20%;
		float: left;	
		margin-top:.1%;	

		line-height: 1.87em;}


.poopy {width: 20%;
		font-family: "gopher-regular";
		font-size: 1.1em;
			float: left;
			margin-left:2%;
			margin-right: 2%;
			margin-bottom: 7%;	
			line-height: 1.7em;}

.more {clear:both;
		width:100%;}


.video {width: 42%;
			float: right;
			margin-right: 10%;
			margin-top: 1%;
			margin-bottom: 2%;}


#carouselExampleControls {width: 42%;
			float: right;
			margin-right: 10%;
			margin-top: .5%;
			margin-bottom: 2%;}

#ghosty {opacity: 0%;}}


/* start of medium tablet styles */
@media screen and (max-width: 767px) {

.header {font-family: "gopher-regular";
		font-style: medium;
		clear: both;
		margin-top: 5%;
		 margin-bottom: 2%;}

.card {margin-bottom: 7%;
		margin-top: 2%;}

		.card img:hover {box-shadow: -10px -10px #bbd1bc;}




.card-title {font-family: "gopher-regular"
				text-decoration: none;}

.picture {width: 42%;
			float: right;
			margin-right: 10%;
			
			margin-bottom: 4%;}

.cap {font-family: "gopher-regular";
		margin-top: 3%;
		margin-left: 38%;
	
}

.pac {font-family: "gopher-regular";
		margin-top: 3%;
		text-align: center;}


.tiny {width: 42%;
		float: right;
			margin-right: 10%;
			margin-bottom: 3%;}

.title {font-family: "gopher-regular";
		clear: both;
		margin-left: 10%;
		margin-top: 5%;}

.content {font-family: "gopher-regular";
			float: left;
			font-size: 1.1em;
			margin-left: 10%;
			width: 35%;
			margin-right: 1%;}

.sub {font-family: "roc-grotesk-wide";
		font-size: 1.4em;
		margin-left: 10%;}


.black {  height: 15px;
  width: 15px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;}


.white {height: 15px;
  width: 15px;
  background-color: #ffffff;
  border-radius: 50%;
  border-style: solid;
  display: inline-block;}

.ugh {width: 20%;
		float: left;	
		margin-top:.1%;	

		line-height: 1.87em;}


.poopy {width: 20%;
		font-family: "gopher-regular";
		font-size: 1.1em;
			float: left;
			margin-left:2%;
			margin-right: 2%;
			margin-bottom: 7%;	
			line-height: 1.7em;}

.more {clear:both;
		width:100%;}


.video {width: 42%;
			float: right;
			margin-right: 10%;
			margin-top: 1%;
			margin-bottom: 2%;}


#carouselExampleControls {width: 42%;
			float: right;
			margin-right: 10%;
			margin-top: .5%;
			margin-bottom: 2%;}

#ghosty {opacity: 0%;}}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px){


.picture { display: block;
  margin-left: 5%;
  margin-right: 5%;

  width: 90%;}

.title {font-family: "gopher-regular";
		clear: both;
		margin-left: 10%;
		margin-top: 5%;}

.content {font-family: "gopher-regular";
			margin-left: 5%;
			width: 90%;
			}
.video {display: block;
  margin-left: 5%;
  margin-right: 5%;
  width: 90%;}

.sub {font-family: "gopher-regular";
		font-size: 1.3em;
		margin-left: 30%;}


.black {  height: 15px;
  width: 15px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;}


.white {height: 15px;
  width: 15px;
  background-color: #ffffff;
  border-radius: 50%;
  border-style: solid;
  display: inline-block;}

.ugh {width: 20%;
		float: left;	
		margin-top:.1%;	
margin-left: 4%;
		line-height: 1.67em;
		margin-bottom: 7%;}


.poopy {width: 35%;
		font-family: "gopher-regular";
		font-size: 1.1em;
			float: left;
			margin-left:10%;
			text-align: right;
			margin-bottom: 7%;
			line-height: 1.5em;}

#carouselExampleControls {width: 90%;
			 margin-left: 5%;
  			margin-right: 5%;
			margin-top: 1%;
			margin-bottom: 2%;}

#ghosty {opacity: 0%;
			display:none;}}

/* footer */
.footfootfoot {background-color: black;
				clear: both;
				margin: 0px;
				overflow: hidden;}
.footfootfoot p{font-family: "gopher-regular";}

.bigboy {color:white;
			font-family: "gopher-regular";
			margin-top: 2%;
			}

.help {clear:both;}

.footcaption{ padding-bottom: 3%;
				float:left;
			font-size: 1.3em;
				margin-left: 28.5%;
				color: white;
				margin-top: 3%;}

.footcaptiontwo {float: left;
					margin-top: 3%;
					margin-left: 5%;
				color: white;
				font-size: 1.3em;}

.footcaptionthree{float: left;
					margin-left: 5%;
					margin-top: 3%;
				color: white;
				font-size: 1.3em;}

.footcaptionthree a {color: #bbd1bc ;}


.footcaptionthree a:hover {  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;;}


.footcaptionthree a:hover, .footcaptionthree a:focus, .footcaptionthree a:active {
 -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}


.insta{ margin-top: 2%;
		float: left;
		margin-left: 34%;}


.linkedin  { margin-top: 2%;
		float: left;}
.pinterest {margin-top: 2%;
		float: left;
			margin-right: 20%;}




/* start of large tablet styles */
@media screen and (max-width: 991px) {

.footfootfoot {background-color: black;
				clear: both;
				margin: 0px;
				overflow: hidden;}
.footfootfoot p{font-family: "gopher-regular";}

.bigboy {color:white;
			font-family: "gopher-regular";
			margin-top: 2%;
			}

.help {align-items: center;
	justify-content: center;
	text-align: center;}

.footcaption{ padding-bottom: 3%;
				float:left;
			font-size: 1.3em;
				margin-left: 19%;
				color: white;
				margin-top: 3%;}

.footcaptiontwo {float: left;
					margin-top: 3%;
					margin-left: 5%;
				color: white;
				font-size: 1.3em;}

.footcaptionthree{float: left;
					margin-left: 5%;
					margin-top: 3%;
				color: white;
				font-size: 1.3em;}

.footcaptionthree a {color: #bbd1bc;}


.footcaptionthree a:hover {  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;;}


.footcaptionthree a:hover, .footcaptionthree a:focus, .footcaptionthree a:active {
 -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}


.insta{ 
		
		margin-left: 23%;}
.facebook {
margin-left: 1%;
		}

.linkedin  { 
		margin-left: 1%;
	}
.pinterest {
display:none;
		}}



/* start of medium tablet styles */
@media screen and (max-width: 767px) {

.footfootfoot {background-color: black;
				clear: both;
				margin: 0px;
				overflow: hidden;}
.footfootfoot p{font-family: "gopher-regular";}

.bigboy {color:white;
			font-family: "gopher-regular";
			margin-top: 2%;
			}

.help {align-items: center;
	justify-content: center;
	text-align: center;}

.footcaption{ margin-top: 3%;
				margin-left: 38%;}

.footcaptiontwo {margin-left: 39.5%;
					margin-top:0%;}

.footcaptionthree{margin-left: 34%;
					margin-top: 3%;
				color: white;
				font-size: 1.3em;}

.footcaptionthree a {color: #bbd1bc ;}


.footcaptionthree a:hover {  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;;}


.footcaptionthree a:hover, .footcaptionthree a:focus, .footcaptionthree a:active {
 -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}


.insta{ 
		
		margin-left: 19%;}
.facebook {
margin-left: 1%;
		}

.linkedin  { 
		margin-left: 1%;
	}
.pinterest {
display: none;
		}}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 

{.footfootfoot {background-color: black;
				clear: both;
				margin: 0px;
				overflow: hidden;}
.footfootfoot p{font-family: "gopher-regular";}

.bigboy {color:white;
			font-family: "gopher-regular";
			margin-top: 2%;
			}

.help {align-items: center;
	justify-content: center;
	text-align: center;}

.footcaption{ margin-top: 3%;
				margin-left: 32%;}

.footcaptiontwo {margin-left: 35%;
					margin-top:0%;}

.footcaptionthree{margin-left: 26%;
					margin-top: 3%;
				color: white;
				font-size: 1.3em;}

.footcaptionthree a {color: #bbd1bc;}


.footcaptionthree a:hover {  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;;}


.footcaptionthree a:hover, .footcaptionthree a:focus, .footcaptionthree a:active {
 -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}


.insta{ 
		
		margin-left: 2.5%;}
.facebook {
margin-left: 1%;
		}

.linkedin  { 
		margin-left: 1%;
	}
.pinterest {
display: none;
		}}