/*
=============
gradiant STYAL
=============
*/


.home-logo{
           height: 25px;
           margin: 5px auto auto 5px;
           animation: bounce 3s 1;

}

@keyframes bounce{
	      0%{  transform: translatey(-200px);
	      }
	      60%{  transform: translatey(100%);
	      	opacity: 99;
	      	background-color: transparent;
	      }
	      80%{  transform: translatey(-45px);
	      	opacity: 99;
	      }
	      100%{  transform: translatey(0px);
	      	opacity: 99;
	      }

}


.hero{
	  height: 100vh;
	  background: linear-gradient(to left top, blue, red);
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  color: #fff;
	  padding-bottom: 200px;
}


*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body{
	  font-family: 'Dosis',sans-serif;
}

h1{
	text-align: center;
}



/*
==================
menu links section
==================
*/

.menu{
	  height: 45px;
	  width: 100%;
	  background-color: transparent !important;
}


.menu ul{
	      text-align: center;
}



.menu ul li{
	      list-style: none;
	      display: inline;      
}



.menu ul li a{
	           text-decoration: none; 
	           color: #fff;   
	           line-height: 40px;  
	           padding: 0px 15px 0px 15px;
}