@font-face {

    font-family: Montserrat-Regular;

    src: url(fonts/Montserrat-Regular.ttf);

}



@font-face {

    font-family: Montserrat-Bold;

    src: url(fonts/Montserrat-Bold.ttf);

}



@font-face {

    font-family: Lato-Bold;

    src: url(fonts/Lato-Bold.ttf);

}



.white-text {

    font-family: Montserrat-Regular;

    color: white;

    font-size: 14px;

    text-transform: uppercase;

}



.bold-text {

    font-family: Montserrat-Bold;

}



.orange-text {

    font-family: Montserrat-Regular;

    color: #FF6B00;

    font-size: 14px;

}



.blue-text {

    color: #00677C;

    font-family: Montserrat-Bold;

    text-transform: uppercase;

    font-size: 18px;

}



.body-text {    

    color: #000000;

    font-family: Lato-Bold;

    font-size: 15px;

}



nav {

    font-family: Montserrat-Regular;

    background-color: rgba(0, 0, 0, 0.25);

}



.nav-link {

    color: white !important;

}





/* The hero image */

.bg-header {

    background-image: url("images/header-bg.png");

  

    /* Set a specific height */

    /* height: 50%; */

   

    /* Position and center the image to scale nicely on all screens */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.bg-buttons {

    background-image: url("images/buttons-bg.png");

  

    /* Set a specific height */

    /* height: 50%; */

   

    /* Position and center the image to scale nicely on all screens */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}  



 /*

 * Extra utilities

 */



.flex-equal > * {

    flex: 1;

}

@media (min-width: 768px) {

    .flex-md-equal > * {

        flex: 1;

    }

}



.btn {    

    font-family: Montserrat-Bold;

    background-color: #FF6B00;

    border: none;

    color: white !important;

    font-size: 14px;

}



.btn:hover {

    background-color: #FF6B00;

    border: none;

    color: white !important;

}



.btn:active {

    color: #000000 !important;

    background-color: white !important;;

}



.border-right {

    border: none;

    border-color: #dee2e6;

}

@media (min-width: 768px) {

    .border-right {

        border-right: 2px solid #dee2e6!important;

    }

}

.btn-text-align{
    margin: 5px !important;
    text-align: center;
    min-width: 258px;
}