html, body {
    height:100%;
}

.grad {    
    background: #7793a7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7793a7, #d3dfe8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7793a7, #d3dfe8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7793a7, #d3dfe8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7793a7, #d3dfe8); /* Standard syntax */
}

.header {  
  right: 0;  
  left: 0;
  padding: 1rem;  
  text-align: left;
  background-color: white;
  height: 75px;
}

.footer {
 margin-top: 10px;
}

.footer div{
    font-family:'Segoe UI Light', 
    Tahoma, Geneva, Verdana, sans-serif; 
    color:black; 
    text-align: center;
}

.footerInDiv{
    background-color: rgba(14,40,63,0.6);
    color: white;    
    font-size: 1.1em;
    height: inherit; 
    float:right;   
    padding: 10px;
}

.footerInDiv a{
    text-decoration: none;
    color: red;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}

.footerInDiv a:hover{
    color: sandybrown;
 -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}


.imageCover{
    background: url(./visit_bergen_bg.jpg) no-repeat top left; 
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;       
    width: 100%;
    height: 200px; 

}

.myContainer{
    background-color:white;
}