body {
    font-family: 'Montserrat', sans-serif;
    color: #202C39;
    /*    background-image: url(../images/a.png);*/
    background-repeat: no-repeat;
    background-position: 65% -1%;
}

.atx_bg {}

a {
    color: #067BC2;
    text-decoration: none;
}

a:hover {
    color: #067BC2;
    text-decoration: none;
}

.navbar-collapse {
    text-align: center;
}

.bg-low {
    background-color: rgba(0, 0, 0, .85);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

.btn-outline-primary {
    color: #067BC2;
    border-color: #067BC2;
    background-color: #fff;
}

.btn-outline-primary:hover {
    color: #fff;
    border-color: #067BC2;
    background-color: #067BC2;
}

.btn-outline-off-white {
    color: #DBDBDB!important;
    border-color: #DBDBDB!important;
}

.btn-outline-off-white:hover {
    color: #067BC2!important;
    border-color: #DBDBDB!important;
    background-color: #DBDBDB!important;
}

.header-section {
    background: url(../images/hopper_header_3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.text-lt-blue {
    color: #89AAE6;
}

.text-off-white {
    color: #DBDBDB!important;
}

.lighter {
    font-weight: 300;
}

.bg-primary {
    background-color: #0471A6 !important;
}

.btn-primary {
    color: #fff;
    background-color: #0471A6;
    border-color: #0471A6;
}

.btn-primary:hover {
    color: #fff;
    background-color: #BDD5EA;
    border-color: #577399;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #BDD5EA;
    border-color: #577399;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .0);
}

.navbar-dark .navbar-toggler:focus {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .0);
}

.logo {
    width: 80%;
}

.logo-mobile {
    text-align: center;
    width: 60%;
    margin-right: auto;
}

.my_head {
    display: none;
}

.my-head-2 {
    display: inline-block;
    width: 10%;
    margin-right: 10px;
}

.fixed-nav-fix {
    padding-top: 100px;
}

.about-me-mobile {
    text-align: center;
    padding-top: 20px;
}

.bg-white-blur {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);

}

@media (min-width: 768px) {

    .logo {
        width: 40%;
    }

    .logo-mobile {
        text-align: left;
        width: 20%;
    }

    .fixed-nav-fix {
        padding-top: 120px;
    }

    .my-head-2 {
        display: none;
    }

    .about-me-mobile {
        text-align: left;
        margin
    }


    /*
    body {
        background-image: url(../images/a.png);
        background-repeat: no-repeat;
        background-position: 80% -5%;
    }
*/

    .my_head {
        display: block;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

/*
@media (min-width: 768px) {
    
}
*/