body{
    color:white;
}

.caviar{
    text-align: center;
    font-family: CaviarDreams;
    text-shadow: 0px 0px 3px black;
}

h5 {
  display: inline-block;
  padding: 10px;
  background: #B9121B;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.title1{
    font-size: 100px;
}

.title2{
    font-size: 60px;
}

.title3{
    font-size: 40px;
}

.loginForm{
    color:white;
    position:absolute;
    top:0px;
    left:0px;
    z-index:16;
    width:100vw;
    height:100vh;
    padding-top:15vh;
}

.centeredLogin{
    width:300px;
    margin-left:calc(50vw - 150px);
    margin-top:60px;
}

.centered{
    display:table;
    margin: 0 auto;
}


@media only screen and (max-width: 1300px) {
    .title1{
        font-size: 80px;
    }
    .title2{
        font-size: 50px;
    }
    .title3{
        font-size: 30px;
    }
}

@media only screen and (max-width: 1100px) {
    .title1{
        font-size: 60px;
    }
    .title2{
        font-size: 40px;
    }
    .title3{
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .title1{
        font-size:40px;
    }
    .title2{
        font-size:20px;
    }
    .title3{
        font-size:18px;
    }
    .centeredLogin{
        margin-top:30px;
    }
    .loginForm{
        padding-top:2vh;
    }
}
.carousel-indicators {
    text-align: right;
    float: right;
}