.bg-cyber {
    background: rgb(0,47,77);
    background: linear-gradient(0deg, rgba(0,47,77,1) 0%, rgba(0,23,38,1) 25%, rgba(0,23,38,1) 50%, rgba(0,23,38,1) 75%, rgba(0,47,77,1) 100%); 
}
.bg-custom-dark {
    background: rgba(0,0,0,0.25);
}
.contact-modal .bg-modal {
    background-color: rgba(255,255,255, 0.9);
}
h1, h2, h3 {
    font-family: 'Bebas Neue', cursive;
}
.btn-cyber {
    line-height: 2.5;
    background: rgb(0,47,77);
    background: linear-gradient(0deg, rgba(0,47,77,1) 0%, rgba(0,23,38,1) 25%, rgba(0,23,38,1) 50%, rgba(0,23,38,1) 75%, rgba(0,47,77,1) 100%); 
}
.btn-cyber svg {
    margin-top: -4px;
}

body {
    font-family: 'Raleway', sans-serif !important;
    padding-top: 100px;
}
.navbar {
    align-items: center;
}

.navbar a {
    font-family: 'Bebas Neue', cursive;
    font-size: 1.4em;
    color: #f8f8f8;
    transition: .5s;
    text-decoration: none;
}
.navbar a:focus,
.navbar a:hover {
    color: #AA2B87;
}
.navbar .navbar-collapse {
    flex-grow: 0;
}

.carousel-block {
    background-color: rgba(0,0,0,0.45);
}

.carousel-block h1 {
    font-family: 'Bebas Neue', cursive;
}

.carousel-block p {
}

.section .cyber-text-box {
    padding: 6%;
}

.custom-background {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 140px;
}

.contact-bg {
    background: url('../imgs/black_computer_keyboard.jpg') no-repeat fixed 100%;
}