/*@import url(https://fonts.googleapis.com/css?family=Kanit:400,300,500&subset=latin,latin-ext);*/
@font-face {
    fontFamily:             FontAwesome;
    embed-as-cff:           true;
    src:                    url("../fonts/FontAwesome.otf");
    fontStyle:              normal;
}
@font-face {
    fontFamily:             FontAwesomeNonCff;
    embed-as-cff:           false;
    src:                    url("../fonts/FontAwesome.otf");
    fontStyle:              normal;
}
body,html {
  height: 100%;
}
body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 30px; 
	font-weight: 300;
	color: #fff;

	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


* {
	text-shadow: none;
	box-shadow:none;
}

.container-fluid {padding: 0;}
.row {margin: 0;}
a, a:hover, a:visited {color: #fff; text-decoration: none; display: block; padding: 15px;}
a:hover{     background: rgba(255,255,255,.8); color: #E31E24;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all.5s;}
h1, h2,h3 {text-align: left; color: #fff;font-family: "Fira Sans", Arial, sans-serif; font-size: 30px; font-weight: 200; margin-top: 30px; padding-left: 15px;}
.logo {max-width: 180px; margin: 10px auto;}

ul {list-style: none; padding-left: 0px; text-align: left;}
li {padding-left: 15px; padding-right: 15px;}
li:hover {     background: rgba(0,0,0,.2);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all.5s;}
@media (min-width: 100px) and (max-width: 991px){

}