@charset "utf-8";
/* CSS Document */
@-webkit-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }

* {
	margin: 0;
	padding: 0;
}

body {
	background: url('../images/hero_wisedesign_bg2.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  font-family: 'Lato', sans-serif;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
	}
.navbar-brand img {
	height: auto;
	width: 100px;
}

.navwrap ul{
	width: 30%;
	margin: 0 auto;
  border: red 0px solid;
}
.navwrap li{
	padding-left: 0px;
	padding-right: 10px;
  border: red 0px solid;
}

.bg-light{
opacity: 0.75 !important;
}

.navbar {
	padding: 1rem 0rem 0rem 0rem;
}
.social_padding{
padding-right: 30px;

}
.homepage_img{
	  /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;
}



.headshot {
width: 20%;
}

.work_padding{
	padding: 20px;
}

.padding_above{
padding-top: 150px;
}

.text_center {
text-align: center;
}

.about{
padding-left: 0;
padding-right: 0;
}
.fade-in img {
margin-top: 10%;
}


.fade-in {
	text-align: center;
		opacity:0;  /* make things invisible upon start */
		-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
		-moz-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;

		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;

		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
		animation-duration:1.5s;
}

.fade-in{
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.bg-img {

   background-image: url("images/hero_wisedesign.png");
	 background-color: #cccccc;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   height: 100%;
	 z-index: 0

  }
	.container-fluid {
	    width: 100%;
	    padding-right: 0;
	    padding-left: 0;
	    margin-right: auto;
	    margin-left: auto;
	}



	.below_about{

	background-color: #F0CA4D;

	}

	.impossible img {
		height: auto;
		width: 175px;
		padding: 15px;
		display: block;
	  margin-left: auto;
	  margin-right: auto
	}

	.about-text {
		padding-top: 5px;
    font-size: 10px;
		text-align: center;
	  letter-spacing: .175rem;
	  color: #000;
	  background-color: #F0CA4D;
	}
	.footer {
		padding-top: 5px;
    font-size: 10px;
		text-align: center;
	  letter-spacing: .175rem;
	  color: #000;
	  background-color: #F0CA4D;
	}
	.resp_logo{
	visibility: hidden;

	}