body {
    background: url('../img/bg.jpg') no-repeat top center;
    background-attachment: fixed;
    background-size: cover;
}

.header {
    background: rgb(140,210,244);
    background: linear-gradient(180deg, rgba(140,210,244,1) 0%, rgba(101,178,219,1) 100%);
}

.navi {
    position: relative;
    top: -10px;
}

.navigation {
    border-top: solid #fff 4px;
    border-bottom: solid #fff 4px;
    background: #ff8d31;
    font-size: 150%;
    padding: .5em;
}

.navigation a {
    text-decoration: none;
    color: #fff;
    transition: all .2s;
}

.navigation a:hover {
    font-weight: bold;
    transition: all .2s;
}

.layer {
    background: url('../img/subbg.png');
}

.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #65b2db;
}

.back-to-top:hover {
    color: #65b2db;
}

.box {
    height: 180px;
}

.footer {
    border-top: solid #fff 4px;
    background: #ff8d31;
}

.bordert {
    background: url('../img/border.png') top center no-repeat;
    background-size: cover;
    height: 19px;
}

.borderb {
    background: url('../img/borderb.png') top center no-repeat;
    background-size: cover;
    height: 19px;
}

a {
    color: #fff;
    text-decoration: none;
    transition: all .2s;
}

a:hover {
    color: #fff;
    text-decoration: none;
    transition: all .2s;
}

.shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}

.img-fluid.shadow-lg {
    transition: all .2s;
}

.img-fluid.shadow-lg:hover {
    margin-top: -15px;
    margin-bottom: 15px;
    transition: all .2s;
}