.navbg {
    /* background-color: #343148; */
    background-color: rgba(0, 0, 0, 0.4);
    transition: background 500ms;
}

body {
    /* background: -webkit-linear-gradient("#FFEFBA","FFFFFF"); */
    background: linear-gradient(to right, #FFEFBA, #FFFFFF);
}

.transparent{
    background: rgba(0,0,0,0);
}
html {
    scroll-behavior: smooth;
}

.navbg.scrolled {
    background-color: #343148;
    transition: background 500ms;
}

.logo {
    padding-top: 0px;
    width: 75%;
    object-fit: contain;
}

.logo2 {
    padding-top: 0px;
    width: 45%;
    object-fit: contain;
}
.move-brand-left {
    margin-left: -7%;
}

.monsterrat {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
}

.syncopate {
    font-family: 'Syncopate', sans-serif;
}

.fit-content {
    width: min-content;
}

.logo-link {
    width: 100%;
    height: 100%;
}

.navbar-dark .navbar-brand {
    color: #fde800;
    transition: color 500ms;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fde800;
    transition: color 250ms;
}

.text-yellow {
    color: #fde800;
}

.text-yellow:hover{
    color:white;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: white;
    transition: color 250ms;
}

.navbar-dark .navbar-toggler {
    border-color: #fde800;
}

.navbar-toggler {
    background-color: black;
}

.navbar-brand {
    font-size: 2em;
}

.navbar-brand-small {
    font-size: 1.5em;
}

.oswald {
    font-family: 'Changa', sans-serif;
}

.micro-box{
    border: 2px solid #26285f;
}
.raleway {
    font-family: 'Raleway', sans-serif;
}

.cat-link:hover {
    text-decoration: none;
}

.logoBox {
    height: 10vw;
    object-fit: contain;
}

.catHeading {
    border-bottom: 1px solid gray;
    display: inline-block;
}

.fixed-top-body {
    padding-top: 70px;
}

.about-heading {
    display: inline-block;
    border-bottom: 1px solid gray;
}

.about-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
}

.about-line {
    border-top: 1px solid black;
    border-bottom: 1px solid gray;
}

.icon-info {
    font-size: 2.3em;
}

.email-link {
    color: black;
    text-decoration: none;
    font-size: 1.4em;
}

.contact-text {
    font-size: 1.4em;
}

.map {
    border: 2px solid black;
    width: 100%;
    height: 450px;
    display: block;
}

.small-font {
    font-size: 1.1em;
}

.navbar-dark .navbar-nav .nav-link .activ {
    color: white;
    transition: color 250ms;
}

.navbar-dark .navbar-nav .nav-link .activ:hover {
    color: #fde800;
    transition: color 250ms;
}

.card-img-top{
    height: 120px;
    object-fit: contain;
}
.scame{
    max-width: 90%;
    object-fit: contain;
    display: block;
    margin:auto;
}

.gave{
    max-width: 70%;
    object-fit: contain;
    display: block;
    margin:auto;
}

.card{
    background: rgba(0, 0, 0, 0);
    width: 100%;
    
}

.green-box{
    border: 2px solid green;
}
.hidden{
    font-size: 0;
}
.red-box{
    border: 2px solid red;
}

.apc-box{
    border: 2px solid #f85f58;
}
.biax-box{
    border: 2px solid #00a6d9;
}

.md-box{
    border: 2px solid #0E4194;
}

.alf-box{
    border: 2px solid #005AAD;
}

.card-body{
    font-family: 'Open Sans', sans-serif;
}
.green-bg{
    background: green;
    color: white;
    transition: background 500ms;
}
.green-bg:hover{
    background: lightgreen;
    color: black;
    transition: 500ms;
}
.red-bg{
    background: red;
    color: white;
    transition: background 500ms;
}

.red-bg:hover{
    background: pink;
    color: black;
    transition: background 500ms;
}

.apc-bg{
    background: #f85f58;
    color: white;
    transition: background 500ms;
}

.apc-bg:hover{
    background: pink;
    color: black;
    transition: background 500ms;
}

.biax-bg{
    background: #00a6d9;
    color: white;
    transition: background 500ms;
}

.biax-bg:hover{
    background: darkblue;
    color: white;
    transition: background 500ms;
}

.md-bg{
    background: #0E4194;
    color: white;
    transition: background 500ms;
}

.md-bg:hover{
    background: lightblue;
    color: black;
    transition: background 500ms;
}

.alf-bg{
    background: #005AAD;
    color: white;
    transition: background 500ms;
}

.alf-bg:hover{
    background: lightblue;
    color: black;
    transition: background 500ms;
}

.micro-bg{
    background: #26285f;
    color: white;
    transition: background 500ms;
}

.micro-bg:hover{
    background: lightblue;
    color: black;
    transition: background 500ms;
}


.image-container{
    width: 100%;
    height: 100%;
    text-align: center;  
}

.image-container img {
    display: inline-block;
    vertical-align:middle;
}

.image-container .helper{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.card-text{
    font-size: 1.4em;
}

.dropdown-item:hover{
    background-color: #343148;
}

.product-card{
    border: 2px solid  #343148;
    border-radius: 15px;
}

.project-card{
    border: 2px solid  #343148;
    border-radius: 15px;
    height: 40vh;
}

.scroll-down {
    text-align: center;
    font-size: 3.5em;
    color: rgba(0, 0, 0, 0.4);
    transition: color 500ms;
    z-index: 5;
}

.scroll-down:hover {
    color: #343148;
    transition: color 1000ms;
    text-decoration: none;
}

.offsetAnchor{
    padding-top: 80px; margin-top: -80px;
}

.card-deck{
    border: 0px;
}