/*/// COLOR PALETTE ////

BLUE: #BCD099
GRAY BLUE: #ABCAD4
GRAY: #969696
LIGHT GRAY: #BDBDBD;
BLACK: #000000
LIGHT BLUE: #C3E9F5

*/

/*/ ELEMENTS /*/

body {font-family: "Raleway", sans-serif}

body, html {height: 100%;
			margin: 0; } 


.bg {
  /* The image used */
  background-color: gray;

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.opacity{
	animation:opac 0.8s}@keyframes opac{from{opacity:0.5} to{opacity:1};
}

/*/ MENU /*/


.menu{
	position:absolute;left:0;top:0;
}

.padding{
	padding:12px 24px!important;
}

/*/ FONT /*/ 

.menu-font{
	font-size:36px!important;
	color: #FFFFFF!important;
}


/*/ LINKS & LISTS /*/

.button {
  background-color: #000000; /* Black */
  border: none;
  color: white;
  width: 145px;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button:hover {
  background-color: #BDBDBD; /* Light Grey */
  color: white;
  outline-color: #BDBDBD;
}

a { 	color:  #FFFFFF;
		text-decoration: none;
		border: none; 		}

a:hover {	color: #FFFFFF; 	}

 ul {			margin: 0;
				padding-left: 0;
				list-style-type: none;	
				/*/text-align: center;		/*/}


ul, li { 	list-style-type: none;
			font-size: 20px;		}