@font-face {
    font-family: 'Bold_Regular';
    src: url('../fonts/Gotham_Bold_Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Book_Regular';
    src: url('../fonts/Gotham_Book_Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Light_Regular';
    src: url('../fonts/Gotham_Light_Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Medium';
    src: url('../fonts/Gotham_Medium.otf') format('opentype');
}


.space-lg-bottom {
    margin-bottom: 100px;
}

.space-lg-top {
    margin-top: 100px;
}

.space-md-bottom {
    margin-bottom: 50px;
}

.space-md-top {
    margin-top: 50px;
}

.space-sm-bottom {
    margin-bottom: 25px;
}

.space-sm-top {
    margin-top: 25px;
}

.space-xs-bottom {
    margin-bottom: 10px;
}

.space-xs-top {
    margin-top: 10px;
}

body {
    background-color: #084568;
    font-family: "Light_Regular", Arial, sans-serif;
}

#loginForm {
    background-color: white;
    padding: inherit;
    border-radius: 10px;
    box-shadow: 5px 5px 10px 1px #2D2D2D;
}

    #loginForm .form-group-sm {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    #loginForm .form-control {
        border-radius: 20px;
        background-color: #084568;
        color: white;
        padding-bottom: 1px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-family: "Light_Regular", Arial, sans-serif;
    }

    #loginForm #logo {
        margin: 0 auto;
        padding-bottom: 50px;
        padding-top: 20px;
        min-width: 50px;
        max-width: 200px;
    }

    #loginForm .text-danger {
        color: #BE6038;
    }

    #loginForm .small {
        font-size: 10px !important;
        color: grey;
    }

.btn {
    border-radius: 1px;
    padding: 2px !important;
}

@media (min-width: 576px) {
    body {
        margin-top: 25px;
    }
}

@media (min-width: 576px) {
    body {
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    body {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    body {
        margin-top: 100px;
    }
}

@media (min-width: 1200px) {
    body {
        margin-top: 125px;
    }
}