/* Sass Document */



.navbar-default {
  background-color: #686669;
  border-color: #4491ad; }
  .navbar-default .navbar-brand {
    color: #ffffff; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #c8f4c2; }
  .navbar-default .navbar-text {
    color: #ffffff; }
  .navbar-default .navbar-nav > li > a {
    color: #ffffff; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #c8f4c2; }
  .navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #686669; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
      color: #ffffff; }
      .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
        color: #c8f4c2;
        background-color: #4491ad; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
      background-color: #4491ad; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c8f4c2;
    background-color: #4491ad; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #c8f4c2;
    background-color: #4491ad; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #c8f4c2;
    background-color: #4491ad; }
  .navbar-default .navbar-toggle {
    border-color: #4491ad; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #4491ad; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #ffffff; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #ffffff; }
  .navbar-default .navbar-link {
	color: #ffffff;
	display: inline;
}
    .navbar-default .navbar-link:hover {
	color: #c8f4c2;
	
}/*********************************end Nav Styles****************************/





/*********************************Image Animation*****************************/
.kenburns-bottom {
	-webkit-animation: kenburns-bottom 10s ease-out both;
	        animation: kenburns-bottom 10s ease-out both;
}
.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s 1s both;
	        animation: bounce-in-top 1.1s 1s both;
}
#content {
	background-image: url(../Images/downtown_dm.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-origin: padding-box;
	background-position: center center;
	height: 100vh;
	position: relative;
}
#name {
	position: absolute;
	z-index: 10;
	color: #FFFFFF;
	font-size: 4em;
	top: 50%;
	left: 20%;
	font-family: luckiest-guy;
	font-style: normal;
	font-weight: 400;
	text-shadow: 2px 2px 5px #3F3D3D;
}
#name h1 {
	font-size: 2em;
}

#name {
	font-size: 4em;
	}
.navbar-toggle {
	color: #FFFFFF;
}

footer {
	bottom: 0%;
	padding: 1em 0;
	background-color: #21221C;
	color: #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	font-size: 1em;
	text-align: center;
}


/* ----------------------------------------------
 * Generated by Animista on 2017-11-7 1:24:7
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}




/* ----------------------------------------------
 * Generated by Animista on 2017-11-6 21:31:46
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-bottom
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
/*********************************End Image Animation*****************************/
	  


/******************************Begin Media Querries***************************/

@media (max-width : 649px ){
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff
	}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #c8f4c2; 
	}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #c8f4c2;
	background-color: #4491ad; 
	} 
#name {
	font-size: 1em;
}	
}

@media screen and (min-width:650px) and (max-width:959px){
#name {
	font-size: 2em;
}
}