html {
    position:relative;
    min-height:100%;
    font-size:14px;
}
body {
    padding-top:49px;
    margin-bottom: 40px;
    background-color:rgba(255,255,255,1);
    font-family: 'Raleway', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body::before {
  background:url('../img/background.jpg') no-repeat center;
  display:block;
  position:fixed;
  width:100%;
  height:100%;
  content:"";
  z-index:-1;
}

a{
    color:rgba(255,255,255,1);
}
a:hover{
    color:rgba(255,255,255,1);
}

.container-fluid{
    background-color:rgba(255,255,255,1);
}

.footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:40px;
    line-height:40px;
}

.navbar .navbar-toggler:focus,
.navbar .navbar-toggler:hover {
    outline:1px outset rgba(0,0,0,.2);
}

.jumbotron{
    height:400px;
    padding-top:225px;
    background:url(../img/jumbotron.jpg) center no-repeat;
    background-size:cover;
    color:rgba(255,255,255,1);
    border-radius:0;
    margin:0;
}

.row-eq-height{
    display: flex;
    flex-wrap: wrap;
}

.spacer{
    height:100px;
}

#logo{
    position:relative;
    top:2px;
    stroke:rgba(255,255,255,1);
    stroke-width:0.1rem;
    fill:rgba(255,255,255,1);
    fill-opacity:1;
    stroke-dasharray:760px;
    stroke-dashoffset:1521px;
    animation:logo 4s ease-in-out 2s alternate infinite;
    width:20px;
}
@keyframes logo{
    0%{
        fill-opacity:1;
        stroke-dashoffset:0;
    }
    60%{
        fill-opacity:1;
        stroke-dashoffset:0;
    }
    80%{
        fill-opacity:0;
        stroke-dashoffset:0;
    }
    100%{
        fill-opacity:0;
    }
}