@font-face {
  font-family: Inspiration-Regular;
  src: url(fonts/Inspiration-Regular.ttf);
}
@font-face {
  font-family: Poppins-Light;
  src: url(fonts/Poppins-Light.ttf);
}
@font-face {
  font-family: BebasNeue-Regular;
  src: url(fonts/BebasNeue-Regular.ttf);
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bebas-neue-v9-latin/bebas-neue-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/bebas-neue-v9-latin/bebas-neue-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bebas-neue-v9-latin/bebas-neue-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bebas-neue-v9-latin/bebas-neue-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/bebas-neue-v9-latin/bebas-neue-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bebas-neue-v9-latin/bebas-neue-v9-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}
*{
    font-family: Poppins-Light;
}

.navbar-brand{
    font-family: Bebas Neue !important;
    font-size: 40px;
}
h1, h2, h3, h4, h5, h6{
    font-family: Bebas Neue !important;
}
.navbar-custom {
    background-color: black !important;
}

.welcome_image_container{
    background-image: url('images/start_images/sprinter.png');    
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}
.welcome_image_container .welcome_message{
    color: white;
    font-size: 2.5vw;
    text-shadow: 0 0 3px #262626;
}
.welcome_message_button{
    margin-top: 50px;
}
#info_alert{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #F8F9FA;
    border-radius: 5px;
    border: 1px solid #e9ecef;
}
#info_alert:hover{
    -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 800px) {
    .welcome_image_container{
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .welcome_image_container .welcome_message{
        font-size: 5.3vw;
    }
    .welcome_message_button{
        margin-top: 8px;
    }
}