body { 
	background-image: url('../assets/img/background.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	background-color: #006633 !important;
	text-align: center;
	padding-top: 45px;
}

h1, h2, h3, h4, h5, h6, p, footer {
		color: white;
}

li {
	color: white;
}

@-webkit-keyframes buzz-out-on-hover {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes buzz-out-on-hover {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.buzz-out-on-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);
}
.buzz-out-on-hover:hover, .buzz-out-on-hover:focus, .buzz-out-on-hover:active {
  -webkit-animation-name: buzz-out-on-hover;
  animation-name: buzz-out-on-hover;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.whiteTextHover:hover {
	color: white;
}

.rotateY:hover {
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transform-origin: center;
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	transition: 2.0s ease;
	-moz-transition: 2.0s ease;
	-webkit-transition: 2.0s ease;
}

.rotateX:hover {
	transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
	-webkit-transform: rotateX(360deg);
	transform-origin: center;
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	transition: 2.0s ease;
	-moz-transition: 2.0s ease;
	-webkit-transition: 2.0s ease;
}

.greenChange:hover {
	color: #339933;
}

.btnGreen{
	background-color: #006633;
}

.fadein{


    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadein2{


    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

@keyframes fadein2 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadein3{


    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

@keyframes fadein3 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadein4{


    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}

@keyframes fadein4 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadein5{


    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}

@keyframes fadein5 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.spinElement {
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}

.spinElement:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

a {
	color: #66ff33;
}

a.blackHoverFont:hover {
	color: black !important;
}

.headerColor {
	background-color: #006633 !important;
}

a:hover {
	color: #ffffff;
}

.greenText {
	color: #66ff33;
}

.whiteHover:hover {
	color: white;
}

.roundedCorner {
	border-radius: 25px;
	border: 5px solid black;
}

.roundedRecommendation {
	border: 5px solid black;
	box-shadow: 5px 10px rgba(0,0,0,0.5)
}

.buttonWidth{
	width: 90%;
	border-radius: 25px;
}

.boxEffects {
	border: 5px solid black;
	box-shadow: 5px 10px rgba(0,0,0,0.5);
	border-radius: 15px;
}

.clearBoth {
	clear: both;
}

.displayDown {
	display: none;
}

@media only screen and (max-width: 1025px) {
.standTall {
	height: 100%;
}

.viewTall {
	height: 100vh;
}

.width20 {
	width: 20%;
}

.cssWidth30 {
	width: 30%;
}

}

@media only screen and (max-width: 768px) {

.height100 {
	height: 100% !important;
}	
}

@media only screen and (max-width: 767px) {
	
.height100 {
	height: 100% !important;
}
	
.smallScreen {
	font-size: 15px;
}
	
.marginSmall {
	margin-bottom: 50px;
}

.displayUp {
	display: none !important;
}

.displayDown {
	display: block !important;
}

.smallBottomMargin {
	margin-bottom: 45px;
}

.bottomMargin {
	margin-bottom: 75px;
}

.width30 {
	width: 30% !important;
}

.width40 {
	width: 40% !important;
}

}



@media only screen and (max-width: 550px) {
.miniLarge {
	height: 100%;
}

.miniMargin {
	margin-bottom: 30px;
}

.width35 {
	width: 35%;
}

.width45 {
	width: 45%;
}

}