.zoom {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

:root {
--jumbotron-padding-y: 3rem;
}
.jumbotron {
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 0;
background-color: #002633;
border-radius: 0;
}
p.hau {
padding-bottom: 20px;
}
p.no-margin-bottom {
margin-bottom: 0px !important;
}
.navbar
{
background-color: #00394d !important;
}
@media (min-width: 768px) {
.jumbotron {
padding-top: calc(var(--jumbotron-padding-y) * 1);
padding-bottom: calc(var(--jumbotron-padding-y) * 1);
}
.text-muted{
font-family: "Open Sans";
letter-spacing: 0.5px;
font-size: 16px;
}
.text-vuf{
font-family: "Open Sans";
letter-spacing: 0.5px;
font-size: 14px;
color: #00394d;
}
a.hau-link {
margin-right: 15px;
font-family: "Open Sans";
color: #FFFFFF !important;
letter-spacing: 3.5px;
}
a:hover.hau-link {
color: #99e6ff !important;
text-decoration: none;
}
a.hau-leiska {
color: #000000;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
}
a:hover.hau-leiska {
color: #99e6ff;
text-decoration: none;
}
.jumbotron p:last-child {
margin-bottom: 0;
}
.jumbotron-heading {
font-weight: 300;
}
.jumbotron .container {
max-width: 40rem;
}
footer {
padding-top: 3rem;
padding-bottom: 3rem;
}
footer p {
margin-bottom: .25rem;
}
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }


}
.box-shadow-text { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
  padding-top: 10px;  
      padding-right: 10px;  
      padding-bottom: 10px;  
      padding-left: 10px;