/*index*/

.form-group,
label {
    text-align: center;
}

.form-group {
    padding: 0px 150px;
    border-radius: 25px;
}

.btn-info {
    display: block;
    margin: 25px auto;
}

.button {
    padding: 20px 0;
}

input {
    border-radius: 25px !important;
}

form {
    padding-top: 50px;
}

.main-text {
    padding-top: 40px;
    text-align: center;
}

.firstp {
    font-size: 25px;
    font-weight: bold;
    color: darkslategray;
}

.secondp {
    color: darkslategray;
}

.second-logo {
    display: block;
    margin: 0 auto;
}

img.frontpageimg {
    width: 450px;
    height: auto;
    display: block;
    align-content: center;
    margin: 0 auto;
    /*margin-left: 157px;
    margin-right: 157px;*/
}

.form-group .form-control {
    display: block;
    width: 400px;
    margin: 0 auto
}

@media only screen and (max-width: 600px) {
    .form-group .form-control {
        display: block;
        width: 250px;
        margin: 0 auto
    }

    .form-group {
        padding: 0px 0px 0px 0px;
        
    }

    .btn-info{
        display: block;
        margin: 0 auto;
    }

    label {
        display: block;
        text-align: center;
        }

    .firstp {
            font-size: 16px;
        }

    img.frontpageimg {
        width: 300px;
        
        }

    a.nav-link{
        text-align: center;
    }
    }