@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
    --rehost_neon: #00E200;
    --rehost_light: #66F45F;
    --navbar-height: 4rem;
    --footer-height: 4rem;
}


* {
    box-sizing: border-box;
}

html {
    font-family: 'Ubuntu', sans-serif;
}

body.has-navbar-fixed-top {
    padding-top: var(--navbar-height);
}

.navbar {
    background-color: #ffffff;
    max-height: 4rem;
}

.navbar-item {
    color: #000000;
}

.navbar-item img {
    max-height: 3.25rem;
}

@media screen and (max-width: 1023px) {
    .main {
        height: auto;
        background-image: none;
    }

    .navbar-menu {
        background-color: #ffffff;
    }

    .columns:last-child {
        margin: auto;
    }

    .columns {
        margin: auto;
    }

    .dynamic-br {
        display: block;
    }

    .dynamic-line {
        display: none;
    }
}

.logo-text {
    padding-left: 1rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--rehost_neon);
}

.logo-text:hover {
    color: var(--rehost_light);
}

.fm-brand {
    padding: 3rem;
    border-bottom: 1px solid black;
}

.main {
    background-image: url("../img/backgrounds/bg-7.jpg");
    background-size: cover;
    background-attachment: fixed;
    align-items: center;
    display: block;
    margin-top: 0.7rem;
    height: calc(100vh - var(--navbar-height) - var(--footer-height));
}

.card {
    height: 100%;
}

.dynamic-br {
    display: none;
}

.dynamic-line {
    display: inline;
}

.footer {
    font-size: 1.4rem;
    color: black;
    background-color: white;
    padding: 1rem 1.5rem;
    max-height: var(--footer-height);
}

.footer a {
    color: black;
    text-decoration: underline;
}

.columns {
    padding-top: 10px;
}