h1, h2, h3, h4, h5, h6, p, a, li, div {
    font-family: 'Montserrat', sans-serif;
    font-size:28px;
}

p, a, li, div {
    font-size:16px;
}

body {
    background-image:url('/static/bkg.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    margin:0;
}

li {
    list-style:none;
}

.hero-banner {
    background-image: url('/static/newbkg.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 900px;
}

.transparent-nav {
    background-color: transparent!important;
    background: linear-gradient(180deg,rgba(85, 88, 89, 0.4) 20%, rgba(68, 70, 71, 0) 100%)!important;
    border: none !important;
    box-shadow: none !important;
    padding: 1rem;
}

.transparent-nav .item,
.transparent-nav .item i.icon {
    color: white !important;
    font-size: 1.4rem;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.transparent-nav .logo-item img {
    width: 140px!important;
    height: 100px;
}

.ui.menu .ui.dropdown .menu {
    background-color: rgba(20, 20, 20, 0.9) !important;
}

.ui.menu .ui.dropdown .menu > .item {
    color: #ffffff !important;
}

.ui.menu .ui.dropdown .menu > .item:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.hero-text {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Makes text readable on busy backgrounds */
    max-width: 600px;
    margin-top:200px;
}

.hero-title {
    font-size: 4rem; /* Large font size for impact */
    font-weight: 700; /* Bold font weight */
    margin-bottom: 0.5em;
    font-family: 'Poppins', sans-serif; /* Using a specific font */
}

.hero-subtitle {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1.5em;
}

.hero-buttons .button {
    margin-right: 1em;
}

.boost {
    text-transform:uppercase;
    font-weight:bold;
    color:#39603D;
}

.fpnavi {
    text-align:justify!important;
    background-color:#dae9ee;
    padding:15px;
    height:100%;
}

.fpnavi2 {
    text-align:justify!important;
    background-color:#cae4ec;
    padding:15px;
    height:100%;
}

iframe {
    border:none;
}

.spacer {
    width:3.1%;
}

#faqlist li {
    list-style:circle;
}

.RMA-widget, .RMA-widget iframe {
    width:100%!important;
}

.recs .four p {
    line-height:10px;
}

.recs .four img {
    margin-bottom:15px;
}

.deco {
    font-size:36px;
    font-weight:bold;
    font-family:'Poppins', sans-serif;
    font-style:italic;
}

.midimg {
    min-width:200px;
    padding-top:10px;
}

.mobilelogo {
    display:none;
}

.card img {
    height: 150px!important;
}

.checklist li {
    list-style:circle;
    margin:10px auto!important;
}

.tabular .item {
    color:#121212 !important;
}

.maincontent .column, .modal .column {
    text-align:justify;
}

.maincontent .article h1 {
    font-size:48px;
    font-family: 'Poppins', sans-serif;
}

.coltext {
    background: rgb(210,167,71);
    background: linear-gradient(180deg, rgba(210,167,71,0.75) 0%, rgba(254,254,254,0) 100%);
    height:100%;
}

.titlebar {
    background: rgb(210,167,71);
    background: radial-gradient(circle, rgba(210,167,71,0.75) 0%, rgba(254,254,254,0) 100%);
    margin-bottom:50px;
}

.spacer {
    height:300px;
}

.cardrack span {
    font-size:16px;
    font-family:'Poppins', sans-serif;
}

.cardrack .card {
    min-height:300px!important;
}

#mobstats {display:none;}

.flist .card .image, .flist .card img {
    min-height:325px;
}

@media only screen and (max-width:1367px){
    .banner {height:634px!important;}
    .bantext {margin-top:-420px!important;}
}

@media only screen and (max-width:900px){
    .banner {margin-top:0px!important;}
    .bannervid {display:none!important;height:0px!important;}
    .banner .menu a img {max-width:50%;margin:auto;}
    .bantext {display:none;}
    .maincontent, .doubling {margin-top:0px!important;}
    .cutttext .row .column {max-width:100%;padding-left:0px!important;}
    .footer {margin-top:2350px!important;}
    .doubling .card {margin:auto;}
    .topbar {background:#121212;height:fit-content;}
    .navbar .menu .item {margin:auto!important;font-size:16px;}
    .headline {margin-top:20px;}
    #mobstats {display:block;}
    #mainstats {display:none;}
    .midimg {display:none!important;}
    #index2 {margin-top:1850px!important;}
    .fpnavi, .fpnavi2 {height:fit-content;}
    .menu .item img {max-width:40%!important;margin:auto!important;}
    .ten, .eleven, .twelve {text-align:center!important;}
    .navbar {margin:auto!important;}
    .mobilelogo {display:block;width:60%!important;margin:auto;}
    .mobilelogo img {width:100%;}
    .tiptop i {display:none;}
    .tiptop .three {margin-top:-20px!important;}
    .tiptop .four a {margin-left:-61px!important;}
    .navbar .one {display:none!important;}
    .mobimg {display:block;margin-top:25px;margin-bottom:25px;width:80%;}
    .ui.stackable.menu .left.menu {margin-right:-100px!important;}
    .toplogo {display:none;}
    .blackbox a, .blackbox img {width:100%!important;max-height:fit-content!important;}
}

@media only screen and (max-width: 767px){
    .ui.stackable.menu .item {
    width: inherit !important;
    }
}