@font-face {
		font-family: 'BebasNeue';
		src: url("../fonts/BebasNeue-Regular.ttf") format("truetype");
		font-style: normal;
		font-display: swap;
	}
@font-face {
		font-family: 'Poppins';
		src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
		font-style: normal;
		font-display: swap;
	}

.clearBannerBand{
    top: 0px;
    left:0px;
    height: fit-content;
    display: flex;
    position: absolute;
    flex-direction: column-reverse;
    font-size: 70%;
    }

.clearcontent > .title {
    font-size: 4.5em;
    line-height: 1;
    }
.clearcontent > hr {
    height: 1px;
    background-color: #ffffff;
    border: none;
    margin: 0;
    }
.clearcontent > .title {
    margin-bottom:0px;
    }
.bebasneue {
    font-family: 'BebasNeue', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    }
.dictionary {
        font-size: 120%;
    }
.italics{
        font-weight: 600;
        font-style: italic;
    }
.poppins {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    }
.tagline {
        font-weight: 600;
        max-width: 250px;
        font-size: 105%;
    }
.clearcontent{
    padding: 10px 20px; 
    }
.clearcontent > .clearingCTA {
    font-size: 1rem;
    width: fit-content;
    padding: 0.4em 1em;
    margin: 0 0 .3rem 0;
    text-align: left;
}

@media only screen and (min-width: 480px) {
		.clearingCTA {
			width:fit-content;
		}
        .clearcontent > .title {
    		font-size: 5em;
		}
	}

@media only screen and (min-width: 640px){
        .clearBannerBand {
            top: 15px;
            left: 20px;
        }
        .clearcontent > .clearingCTA {
            font-size: 1.1875rem;
            margin: 0 5px .3rem 0;
        }

        .clearcontent > .title {
            font-size: 6em;
        }
    }

@media only screen and (min-width: 960px){

        .clearcontent > .title {
            font-size: 8em;
        }
    }

@media only screen and (min-width: 1281px){
        .clearBannerBand {
            top: 165px;
        }
        .clearcontent > .title {
            font-size: 11em;
        }
    }
@media only screen and (min-width: 1440px){
        .clearBannerBand {
            left:unset;
        }
        .clearcontent {
            zoom: 1.20;  
        }
    }
@media only screen and (min-width: 1476px){
        .clearBannerBand {
        margin-left: -17px;
        }
    }