html {
    position: relative;
    height: 100%;
}
body {
	font-family : 'HelveticaNeue-Light', Arial, sans-serif;
	margin:0;
	background-color: #0079C2;
	}


.main {
width : 96%;
padding-left:2%;
padding-right:2%;
padding-top:5px;
background-color:white;
overflow:auto;
}

.text{
margin-left:15%;
margin-right:15%;
width: 70%;
}

h1, h2, h3
	{
		margin: 0;
		padding: 0;
		font-weight: 600;
	}

	p, ol,
	{
		margin-top: 0;
	}

	ol,
	{
		padding: 0;
		list-style: none;
	}



	a
	{
		color: #0079C2;
		text-decoration:none;
	}

	a:hover
	{
		text-decoration: underline;
	}

	.container
	{
		margin: 0px auto;
		width: 1200px;
	}

/* Responsive tabloid table  */
@media (max-width: 800px)
{
    .firstcol
    {
        display: none;
    }
    .text
    {
	margin-left:0;
	margin-right:0;
	width: 100%;
	}


}

/*********************************************************************************/
/* Menu                                                                   */
/*********************************************************************************/
.yolo{
	display: inline-block;
   overflow:hidden;
   position:relative;
   margin: 17px;
}

.navbar {
  overflow: hidden;
  background-color: #0079C2;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:1000;
}

.navbar a {
  float: left;
  display: block;
/*font-family: 'Raleway', Helvetica, Arial, sans-serif;*/
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
}

.navbar a:hover {
 color: #B8B8B8;
}

.navbar a.active {
  color: #B8B8B8;

}

.navbar .icon {
  display: none;
}



/*********************************************************************************/
/* Responsive Menu                                                             */
/*********************************************************************************/
@media screen and (max-width: 1000px) {
  .navbar a:not(:first-child) {display: none;}
  .navbar a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    bottom:0;
  }
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }


}

.image-1{
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.image-1:hover {
filter: none;
-webkit-filter: grayscale(0%);
}



/*********************************************************************************/
/* Footer                                                              */
/*********************************************************************************/
#copyright {
		overflow: hidden;
		padding: 1em 0em;
		margin: 0px auto;
		width: 100%;
		background-color: #0079C2;
	}

#copyright p {
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.80em;
		color: #FFF
	}

#copyright a{
		text-decoration: none;
		color: #b0bac1;
	}
