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

h4 {font-size:18px;}

#mainNav .navbar-brand{
	
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;}
#mainNav .navbar-nav .nav-item .nav-link{
	color:#02b4e7;
	}	
header.masthead {
	background: url(../img/header_loop.jpg) repeat-x;
  	height: 800px;
  	width: 5076px;
  	animation: slide 60s linear infinite;
 	-webkit-animation: slide 60s linear infinite; /* Safari */
	/*
	width: 560px; 
	height: 400px; 
	background-image: url(../img/header_loop.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 20s linear infinite;
	animation: myanimation 10s infinite;*/
}


@keyframes slide{
  0%{
	-webkit-transform:translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100%{
	   -webkit-transform:translate3d(-2243px, 0, 0);
    transform: translate3d(-2243px, 0, 0);
  }
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@keyframes myanimation {
  0% {background-color:#1ddde8;}
  25%{background-color:#50c7a8;}
  50%{background-color:#cd7dff;}
  75%{background-color:#cd7dff;}
  100% {background-color: #1ddde8;}
}

ul.list-inline-dot{
	list-style-type:square;
	color:gray;
	}