body{
    background-color: #f7f7f7;
}

#note {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #2979ff;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

#note a{
    color: #f7f7f7;
}

#note a:hover{
    cursor: pointer;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}
.cssanimations.csstransforms #note {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}
.cssanimations.csstransforms #close {
    display: none;
}

.bg{
    z-index: -1;
    height: 300px;
    background-image: url("../img/IMG_7360.JPG");
    background-repeat: no-repeat;
    background-position: fixed;
    background-size: 150%, auto;
    background-position-y: center;
    background-position-x: center;
    margin-top: -32px;
}

.jumbotron {
    height: 300px;
    background-color:rgba(255,255,255,0.4);
    -webkit-box-shadow: #bdc3c7 0 5px 5px;
    -moz-box-shadow: #bdc3c7 0 5px 5px;
    box-shadow: #bdc3c7 0 5px 5px;
    margin-top: -32px;
}

.card a{
    padding-top: inherit;
    marigin-top: inherit;
    text-transform: none;
    text-decoration: none;
    color: #000000;
}

.card a:hover{
    text-transform: none;
    text-decoration: none;
    color: #000000;
}

.card a:focus{
    text-transform: none;
    text-decoration: none;
    color: #000000;
}

#project:hover{
    background-color: #6DB6FF;
}

#team:hover{
    background-color: #6DB6FF;
}