/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.pt-10 {
    padding-top: 10px;
}
.pt-20 {
    padding-top: 20px;
}

.navbar-hide-parent {
    display: none;
}
.navbar-hide-parent.scrolled {
    display: flex;
}

.mb-5px {margin-bottom:5px!important;}
.mt-24px {margin-top:24px;}
.mb-20px {margin-bottom:20px!important;}
.mt-10px {margin-top:10px!important;}
.mb-10px {margin-bottom:10px!important;}
.mt-20px {margin-top:20px!important;}
.mt-40px {margin-top:40px!important;}
.mt-75px {margin-top:75px!important;}
.mb-24px-sides {margin-left:24px;margin-right:24px;}
.text-brick-color {color: #fa5540!important;}
.bg-main-headline {background-color: #ffffff!important;}
.padd-sides-80px {padding-left: 80px; padding-right: 80px;}
.pt-75px {padding-top: 75px;}
.pb-75px {padding-bottom: 75px!important;}
.pt-40px {padding-top: 40px;}
.pt-5px {padding-top: 5px;}
.pb-40px {padding-bottom: 40px;}
.pb-20px {padding-bottom: 20px;}
.pl-60px {padding-left: 60px;}
.mb-0 {margin-bottom:0px;}
.plf-5px {padding-left: 5px; padding-right: 5px;}
.plf-10px {padding-left: 10px; padding-right: 10px;}
.text-1rem {font-size: 1rem;}
.text-bold {font-weight: bold;}
.text-tiny-timer {font-size: 20px;}


@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('./fonts/Bebas-Neue/BebasNeue-Regular.woff2') format('woff2'),
    url('./fonts/Bebas-Neue/BebasNeue-Regular.woff') format('woff'),
    url('./fonts/Bebas-Neue/BebasNeue-Regular.ttf') format('truetype');
}
.text-BebasNeue-Regular {
    font-family: 'BebasNeue-Regular', Arial, sans-serif;
    letter-spacing: 0.1em;
    font-size:4rem;
}
/*
.text-Aleo {
    font-family: 'Aleo', Arial, serif;
    letter-spacing: 0.02em;
}
.text-Roboto-Condensed {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.02em;
}*/
.text-OpenSans-Extra {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0em;
    font-size:3.2rem;
}
.text-big-button {font-size:2rem;}

.headline-underline {
    border-bottom: 2px solid currentColor;
    display: inline-block;
    line-height: 1;
}

.d-lg-block .text-OpenSans-Extra {font-size:2.8rem;}
.d-md-block .text-OpenSans-Extra {font-size:2rem;}
.d-md-block h4.text-pbi-resize.text-warning {font-size:1.2rem;}
.d-md-block .text-BebasNeue-Regular {font-size:3.2rem;}
.d-md-block h2.headline-underline {font-size:1.8rem;}

.d-sm-block .text-OpenSans-Extra {font-size:1.4rem;margin-bottom:0;}
.d-sm-block h4.text-pbi-resize.text-warning {font-size:1rem;}
.d-sm-block .text-BebasNeue-Regular {font-size:2.4rem;}
.d-sm-block h2.text-pbi-resize {font-size:1.3rem;}
.d-sm-block h1.text-pbi-resize {font-size:1.6rem;}
.d-sm-block h5.text-pbi-resize {font-size:1rem;}

.d-sm-none .text-OpenSans-Extra {font-size:1.3rem;margin-bottom:0;}
.d-sm-none h4.text-pbi-resize.text-warning {font-size:0.9rem;}
.d-sm-none .text-BebasNeue-Regular {font-size:2.2rem;}
.d-sm-none h2.text-pbi-resize {font-size:1.2rem;}
.d-sm-none h1.text-pbi-resize {font-size:1.2rem;}
.d-sm-none h5.text-pbi-resize {font-size:0.9rem;}

.d-none .d-xl-block {}

.btn_subtext {display:block;font-size:1rem;}