body{
  font-family: Helvetica;
  background-color: #DCDCDC;
  margin:0;
  padding:0;
  min-height:100%;
}



h1{
font-family: Helvetica; 
color: black; 
/* color: #d5d5d5;  */
font-size:200%;
text-align:center; 
font-weight: 10;
letter-spacing: 25px;
font-feature-settings: "liga" 0;
}

h2{
font-family: Helvetica; 
color: navy; 
font-size:150%;
text-align:center; 
font-weight: 50;
/* letter-spacing: 25px; */
/* font-feature-settings: "liga" 0; */
}

h3{
font-family: Helvetica; 
color: navy; 
font-size:120%;
text-align:left; 
font-weight: 50;
display: inline;
/* letter-spacing: 25px; */
/* font-feature-settings: "liga" 0; */
}


#maincentre {
          width: 900px;
/*           background-color: #4B6497; */
          background-image: linear-gradient(#4B6497, black);
          margin: auto;
          min-height:100%;
          position:relative;
}
#header {
          width: 900px;
          background-color: #E7E7E7;
          margin: auto;
          position:relative;
          padding:0px;
}


#body {
   padding:0px;
   padding-bottom:100px;   /* Height of the footer */
}

#footer {
   position:absolute;
   background-color: black;
   color: white;
   bottom:0;
   width:100%;
   padding:0px;
   height:75px; /* Height of the footer */
}



/* Create two unequal columns that float next to each other */
/* Left column */
.leftcolumn {   
    float: left;
    width: 60%;
    padding: 20px;

}

/* Right column */
.rightcolumn {
    float: left;
    width: 40%;
    padding: 20px;
    padding-left: 0px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.card {
   text-align: left;
  font-family: 'Helvetica';
    border-radius: 10px;
/*     background: #F6D5C1;       */
/* 	background: #DCDCDC;       */
	background-image: linear-gradient(#bbceed, #F6D5C1);
    opacity: 1;
    padding: 15px; 
    padding: 10px;
    margin-top: 20px;
    color: black;
}




/* NAVIGATIONBAR */


.nav{
    /*border:1px solid #ccc;*/
    /*border-width:1px 0;*/
    list-style:none;
    margin:0;
    padding:5;
    text-align:center;
}
.nav li{
    display:inline;
    text-align:center;
      font-family: 'Helvetica';
      /*letter-spacing:1px;*/
      font-size:15px;
      color:black;
      background:#DCDCDC;
      text-decoration:none;
      border-radius:2px;
      /*text-shadow:2px 2px 0 rgba(0,0,0,.25);*/
      transition:.25s;
}
.nav a{
    display:inline-block;
    padding:5px 2%; /*first number is height [fixed], second number is % of page for width*/
    text-align:center;
    font-family: 'Helvetica';
      /*letter-spacing:1px;*/
      font-size:15px;
      color:black;
      background:#DCDCDC;
      text-decoration:none;
      border-radius:2px;
      /*text-shadow:2px 2px 0 rgba(0,0,0,.25);*/
      transition:.25s;;
}
.nav a:hover  {
      color:#435780;
      background:#FFFFFF;
      font-weight: bold;
      letter-spacing:1px;
}