body{
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
}

.alert{
    margin-bottom: -50px; 
    margin-top: 15px;
}

.homepage-img{
    height: 100vh;
    width: auto;
    z-index: -1px;
    max-width: 100vw;
}

.home-container{
    padding: 0px;
    height: 100vh;
}

.row{
    padding: 0px;
    margin: 0px;
    max-height: 100vh;
}

.home-col{
    padding: 0px;
}

.info-container{
    min-height: 100vh;
    width: 100%;
    z-index: 1;
    background-color: white;
    -webkit-box-shadow: -2px 0px 11px -2px rgba(120,120,120,1);
    -moz-box-shadow: -2px 0px 11px -2px rgba(120,120,120,1);
    box-shadow: -2px 0px 11px -2px rgba(120,120,120,1);
    padding-bottom: 15px;
}

.info-header{
    width: 100%;
    padding: 40px 0px 0px 0px;
    text-align: center;
    background-color: white;
}

.info-messages{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.forms-link-container{
    width: 80%;
    margin: 80px auto auto auto;
}

.forms-link-container-inner{
    width: 70%;
    margin: 40px auto auto auto;
    text-align: center;
    border: 2px solid rgb(231, 231, 231);
    border-radius: 10px;
    padding: 50px;
}

.forms-link-subcontainer-inner{
    width:50%; 
    display: flex; 
    flex-direction: column;  
    align-items:center;
}

.forms-link-header{
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: gray;
}

.form-link-info{
    width: 80%;
    max-height:90px; 
    min-height: 84px; 
    display:flex; 
    align-items: center; 
    justify-content: center;
    background-image: linear-gradient(to right, #25a9ff, #1facfc, #1daff8, #22b2f4, #2ab4f0);
    border: none;
    margin-bottom: 20px;
}

.forms-link-empty{
    color: gray;
}

.flci1{
    display: flex; 
    width: 100% !important; 
    max-height:624px;
}

.flci2{
    display: flex; 
    flex-direction: column; 
    flex-wrap: wrap; 
    align-content: center;
}

.wtt{
    width: 33% !important;
}

@media only screen and (max-width: 1200px) {
    .forms-link-container-inner{
        width: 90%;
    }

    .form-link-info{
        width: 90%;
    }
}

@media only screen and (max-width: 767px) {
    .homepage-img{
        max-height: 300px;
        width: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 905px) {
.form-link-info{
        font-size: .8rem;
    }
}

@media only screen and (max-width: 500px) {
    .form-link-info{
            font-size: .6rem;
        }
    }