/* -----  Reset    ----- */

*, *:before, *:after {
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.invisible {
    display: none;
}

sub, sup {
	font-size: 0.7em;
    line-height: 0.5;
}

figure {
    line-height: 0.1;
    text-align: center;                  		/* alle Fotos in Figure-Box zentrieren */
}

img {
    /*width: auto;*/
    width: 100%;
    /*max-width: 100%;*/
    height: auto;
    max-height: 100%;
}


/* -----  Layout    ----- */

@media (min-width: 1601px) {
    #header {
        padding-top: 60px;
    }
}

@media (max-width: 1600px) {
    #header {
        padding-top: 3.75vw;                    /* 60px bei 1600px Breite */
    }
}

#wrapper {
    position: relative;                         /* vor den fixed HG-Container setzen */
}

#container {
    position: relative;                         /* vor den fixed Footer setzen */
    z-index: 10;
}

#header, #container {
    width: 75%;
    max-width: 1400px;
}

/*body.ios.mobile html, body.ios.mobile #header {
    padding:
        env(safe-area-inset-top)
        env(safe-area-inset-right)
        env(safe-area-inset-bottom)
        env(safe-area-inset-left);
}*/


/* -----  HG-Bilder, Seitenformat 2zu1    ----- */

#hg-container {
    background-image: url("css-img/HGs/10001769516_fc590d4498_2000x1000.jpg");
    background-position: 63% 8%;
    background-size: cover;

    position: fixed;
    width: 100%;
    height: 480px;                        /* für < mobile Safari 8 */
}


body.videos #hg-container {
    background-image: url("css-img/HGs/10606497_10205047596288157_6477855305322813091_n.jpg");
    background-position: 0% 22%;
  }

body.credits #hg-container {
    background-image: url("css-img/HGs/Bild_5_.jpg");
    background-position: 41% 63%;
}

body.kontakt #hg-container {
    background-image: url("css-img/HGs/Bild_10_.jpg");
    background-position: 10% 74%;
}

body.diskografie #hg-container {
    background-image: url("css-img/HGs/Bild_8_.jpg");
    background-position: 36% 17%;
}


body:not(.sf6):not(.sf7) #hg-container {
    height: 80vh;
    min-height: 450px;
}

@media (max-width: 1050px), (max-height: 1050px) {
	body:not(.sf6):not(.sf7) #hg-container {
		/* background-size: auto 80vmax;         /* HG-Fotos in Quer- und Hochformat gleich groß */ */
	}
}

#hg-container .inside {
    background-image: linear-gradient(3deg,
    	rgba(0,0,0,1.0) 0%,
    	rgba(0,0,0,1.0) 10%,
    	rgba(0,0,0,0.1) 40%,
    	rgba(0,0,0,0.0) 50%,
    	rgba(0,0,0,0.0) 100%);
    height: 100%;
}


/* -----    Navi    ----- */

.navi.mobil, #navitoggle, #naviclose {
    display: none;
}

.navi.logo ul, .navi.sub ul, .navi.legal ul {
	max-width: 1800px;
}

@media (min-width: 2250px) {
	.navi.logo ul, .navi.sub ul, .navi.legal ul {
		width: 80%;
	}
}

.navi li {
    list-style-type: none;
    font-size: 1.6rem;
}


  /* -----    Logo + Burger + Closer   ----- */

.navi.logo, #navitoggle, #naviclose {
    position: fixed;
    width: 93.75%;                              /* 100% - 6.25% */
    font-size: 0.001em;                         /* Logo + Hauptnavi oben bündig */
    z-index: 10;                                /* auch unteren Logo-Teil VOR Navi sub */
}

.navi.logo {
    left:  6.25%;                               /* in der 12,5%-breiten Spalte zentrieren */
}

#navitoggle, #naviclose {
    right: 6.25%;                               /* in der 12,5%-breiten Spalte zentrieren */
}

.navi.logo li {
    height: 1px;								/* soll nicht Navi sub überdecken */
    filter: drop-shadow(0 0 0.15em rgba(0, 0, 0, 0.7));
}

.navi.logo li a, .navi.logo li strong, #navitoggle, #naviclose {
    width: 2.6rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.navi.logo li a, .navi.logo li strong {
	display: inline-block;
    height: 20.5rem;
    margin-left: -1.2rem;                     /* Textmitte in der Mitte der Spalte zentrieren */
    /* background-image: url("css-img/Hardy-Logo-OswaldBold.svg"); */
    background-image: url("css-img/Hardy-Logo-UrbanSlick.svg");
}

#navitoggle, #naviclose {
	margin-right: -1.24rem;                     /* Textmitte in der Mitte der Spalte zentrieren */
	height: 1.8rem;
}

#navitoggle {
    background-image: url("css-img/Burger.svg");
}

#naviclose {
    background-image: url("css-img/Closer.svg");
    top: 3.5vw;
    z-index: 25;
}

body:not(.sf6):not(.sf7) .logo li a, body:not(.sf6):not(.sf7) .logo li strong {
    max-height: 80vh;
    max-height: calc(100vh - 7.5vw);
}

#seitentitel {
	display: none;
}

@media (max-width: 900px) {
    .navi.main, .navi.sub, .navi.legal {
        display: none;
    }

    .navi.mobil {
    	display: block;
    }

    #naviclose, #navitoggle {
        display: inline-block;
    }

    .navi.mobil, #naviclose {
    	opacity: 0;
    	-webkit-transform: scaleY(0);
                transform: scaleY(0);
		-weblit-transition: transform 0s 0.7s, opacity 0.7s;
                transition: transform 0s 0.7s, opacity 0.7s;
    }

    body.active .navi.mobil,  body.active #naviclose {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
		opacity: 1;
		-webkit-transition: transform 0s 0s, opacity 0.7s;
                transition: transform 0s 0s, opacity 0.7s;
    }

    body.active #navitoggle {
    	opacity: 0;
    	-webkit-transition: opacity 0.7s;
                transition: opacity 0.7s;
    }

    #container {
        padding-top: 100px;
    }

    body:not(.sf6):not(.sf7) #container {
    	padding-top: 30vh;
    }

    #seitentitel {
      max-width: 100%;
      padding-left: 6%;
      padding-right: 6%;
  		display: inline-block;
  		margin-bottom: 7rem;
  		font-size: 1.8rem;
    	line-height: 0.8;
    	font-weight: normal;
  		text-transform: uppercase;
  	}

  	/* body.ios #seitentitel {
  		margin-top: -0.07em;
  	} */

  	body.sub #seitentitel {
  		text-transform: none;
  	}
}


  /* -----    Navi main    ----- */

.navi.main {
    line-height: 0.8;
    padding-bottom: 150px;						/* für < Safari 8 */
    z-index: 15;
}

body.ios .navi.main {
    line-height: 0.5;
}

body:not(.sf6):not(.sf7) .navi.main {
    padding-bottom: 60.2vh;
}

body.sub:not(.sf6):not(.sf7) .navi.main {
    padding-bottom: 47.7vh;
}

.navi.main ul.level_1 > li:not(:last-child) {
    margin-right: 7%;               /* bei mehr Navi-Punkten evtl. Zeile 310 aktivieren*/
}

.navi.main ul.level_1 li {
    display: inline-block;
    text-transform: uppercase;
    margin-top: 0;
        letter-spacing: 0.05em;
    transform: rotate(-3deg);
}

.navi.main ul.level_1 li, h1#seitentitel {
  text-shadow: 0 0.1em 0.15em rgba(0, 0, 0, 0.7);
}

.navi.main ul.level_2 li {
    text-transform: initial;
}

.navi.main li {
	transition: transform 0.7s;
}

@media (max-width: 1200px) {
    .navi.main ul.level_1 li.home {
        display: none;
    }
}

.navi.main li.active {
	transform-origin: 0 100%;
	 -webkit-animation: navi-active 1s cubic-bezier(.46,.03,.52,.96)  forwards;
           animation: navi-active 1s cubic-bezier(.46,.03,.52,.96)  forwards;
	/*transform: translateY(50vh) scale(2);*/		/* zum Testen der Keyframe-Parameter */
}

@keyframes navi-active {
	to {
		transform: translateY(50vh) scale(2) rotate(-3deg);
	}
}


  /* -----    Navi sub    ----- */

.navi.sub {
    position: fixed;
    right: 6.25%;                               /* in der 12,5%-breiten Spalte zentrieren */
    width: 93.75%;                              /* 100% - 6.25% */
    bottom: 3.9rem;
    text-align: right;
    margin-bottom: 1rem;
}

.navi.sub li {
    margin-right: -0.65rem;                      /* Textmitte in der Mitte der Spalte zentrieren */
    margin-bottom: 1.4rem;
}

.navi.sub li:not(.img-rep) {
    font-size: 0.9rem;
    text-transform: uppercase;
}

.navi.sub a.img-rep, .navi.mobil a.img-rep {
    display: inline-block;
    width:  1.5rem;                             /* gibt dem YouTube-Icon etwas mehr Fläche */
    height: 1.4rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.navi.sub a.img-rep.youtube, .navi.mobil a.img-rep.youtube,
.video_container a:after {
    background-image: url("svg/youtube.svg");
}

.navi.sub a.img-rep.soundcloud, .navi.mobil a.img-rep.soundcloud {
    background-image: url("svg/soundcloud.svg");
    width:  1.4rem;                             /* gibt dem SoundCloud-Icon etwas mehr Fläche */
}

.navi.sub a.img-rep.instagram, .navi.mobil a.img-rep.instagram {
    background-image: url("svg/instagram.svg");
}

.navi.sub a.img-rep.facebook, .navi.mobil a.img-rep.facebook {
    background-image: url("svg/facebook.svg");
    height: 1.35rem;
}

.navi.sub a.img-rep.bandcamp, .navi.mobil a.img-rep.bandcamp {
    background-image: url("svg/bandcamp.svg");
}

  /* -----    Navi legal    ----- */

.navi.legal {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    padding-right: 6.25%;                           /* in der 12,5%-breiten Spalte zentrieren */
    font-size: 0.9rem;
    text-align: right;
}

.navi.legal li {
    margin-right: -0.6rem;                      /* Textmitte in der Mitte der Spalte zentrieren */
    font-size: 1.2rem;
}


  /* -----    Navi mobil    ----- */

.navi.mobil {
	text-transform: uppercase;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /*width: 100%;
    height: 100vh;*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
}

.navi.mobil ul.level_2 {
    text-transform: none;
}

.navi.mobil ul.level_1 {
	margin-left:  19.88%;
    margin-right: 19.88%;
    padding:  1.5em 0.16rem 2.5em;
}

.navi.mobil li {
    margin-top: 1em;
    line-height: 1.1;
}

.navi.mobil .level_2 li {
    margin-top: 1em;
    margin-left:  10%;
    margin-right: 10%;
}

.navi.mobil li.active strong {
    font-weight: normal;
    opacity: 0.5;
}

.navi.mobil li.img-rep {
	display: inline-block;
	margin-top: 1.3em;
}

.navi.mobil li.img-rep:not(:last-child) {
    margin-right: 16%;
}

body.active  {
        overflow: hidden;           /* Content bei geöffneter Mobilnavi nicht scrollbar */
    }


/* -----    Content    ----- */

.mod_article .ce_text {
    direction: ltr;
}

.mod_article {
	margin-bottom: 7rem;
	overflow: hidden;				/* für schräge Teaser-Bilder */
}

.mod_article, .ce_gallery {
    font-size: 0.001px;
    text-align: center;
}

.mod_article .ce_text, .mod_article .ce_table {
	font-size: 1rem;				/* font-size von .mod_article zurücksetzen */
}

.mod_article .ce_text, .mod_article .ce_headline,
.ce_gallery h1, .ce_gallery h2 {
    text-align: left;               /* center von .mod_article zurücksetzen */
}

.mod_article:not(.teaser) .ce_text:not(:first-child),
.ce_headline:not(:first-child),
.ce_gallery:not(:first-child),
.mod_article:not(.teaser) .ce_image:not(:first-child),
.ce_youtube:not(:first-child) {
	padding-top: 1rem;
}

.mod_article.teaser:nth-child(2n):not(.zweispaltig) {
    direction: rtl;
}

@media (min-width: 1201px) {
	.mod_article:not(.teaser) {
	    padding-top: 5%;					/* 3.3rem */
	    padding-bottom: 5%;
	}

	.mod_article.teaser .ce_text {
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1.3%;
	}

    .ce_text, .ce_headline,
    .mod_article:not(.teaser) .ce_image, .ce_youtube {
        width: 90%;
    }

    .ce_gallery {
	    width: 90.9%;
	}

    .teaser .ce_image, .teaser .ce_text {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
    }

    .teaser .image_container {
	-webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
	overflow: hidden;
	}

	.teaser:nth-child(2n+1) .image_container {
		margin-left: -4%;
		padding-left: 4%;
	}

	.teaser:nth-child(2n) .image_container {
		margin-right: -4%;
		padding-right: 4%;
	}

	.teaser .image_container img {
		-webkit-transform: skewX(5deg);
                transform: skewX(5deg);
		width: 104%
	}
}

@media (max-width: 1200px) {
	.mod_article:not(.teaser) {
	    padding-top: 6.5%;
	}

	.ce_youtube:first-child {
		  margin-top: -6.2%;
	}

  .ce_gallery:first-child {
		  margin-top: -6.5%;
      padding-top: 0.5%;
	}

    .teaser {
        max-width: 460px;
    }

    .ce_text:last-child {
    	padding-bottom: 10%;
    }

    .teaser .ce_text {
    	padding-top: 10%;
    }

    .ce_text, .ce_headline, .ce_gallery h1, .ce_gallery h2,
    .mod_article:not(.teaser) .ce_image {
        width: 80%;
    }

    .ce_youtube {
        width: 99%;
    }

    .mod_article:not(.teaser) .ce_image:last-child, .ce_youtube:last-child {
        padding-bottom: 0.5%;
    }

    .teaser .image_container {
		-webkit-transform: skewY(-3deg);
                transform: skewY(-3deg);
		overflow: hidden;
		padding-top: 4%;
		margin-top: -4.5%;
	}

	.teaser .image_container img {
		-webkit-transform: skewY(3deg);
                transform: skewY(3deg);
		margin-bottom: -2.3%;
	}
}

@media (max-width: 610px) {
	.teaser .image_container {
		margin-left:  calc(13.79vw - 84.14px);		/* -40px bei 320 px Breite, 0px bei 610px */
		margin-right: calc(13.79vw - 84.14px);
	}
}

/*.mod_article.teaser p a:not([href^="http://"]):not([href^="https://"]) {
	font-size: 1.2em;
	line-height: 0.7;
	vertical-align: -10%;
	border-bottom-style: none;
}*/

.mod_article.teaser {
	position: relative;								/* Bezugspunkt für klickbaren Link */
}

.mod_article.teaser p a:after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}


  /* -----    Unterseiten    ----- */



  /* -----    Galerie    ----- */

.ce_gallery ul:last-child {
    margin-bottom: 0.25%;
}

.ce_gallery ul > * {
    font-size: 1rem;
}

.ce_gallery li {
    display: inline-block;
    vertical-align: top;
    margin: 0.25%;				/* gutter 0.5% breit */
}

@media (min-width: 1201px) {
	.ce_gallery h1, .ce_gallery h2 {
		margin-left: 0.5%;			/* margin der LIs + Abstände des UL */
		margin-right: 0.5%;
	}
}

@media (min-width: 901px) {
    .ce_gallery li {
        width: 32.65%;
    }
}

@media (max-width: 900px) {
    .ce_gallery li {
        width: 49.25%;
    }
    .ce_gallery li:nth-child(2n+1):last-child {
	    display: none;
	}
}

#cboxCurrent {
	display: none !important;
}

#cboxContent {
	margin: auto;
}

#cboxLoadedContent {
	border-style: none;
}

#cboxPrevious, #cboxPrevious:hover,
#cboxNext, #cboxNext:hover,
#cboxClose, #cboxClose:hover {
	width: 2rem;
	background-position: 50% 50%;
}

#cboxPrevious,
#cboxNext,
#cboxClose {
	opacity: 0.6;
}

#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover {
	opacity: 0.95;
}

#cboxPrevious {
	height: 64px;
	background-image: url("css-img/previous.svg");
}

#cboxNext {
	height: 64px;
	background-image: url("css-img/next.svg");
}

#cboxClose {
	height: 2rem;
	background-image: url("css-img/close.svg");
}


  /* -----    Video    ----- */

 .ce_youtube {
 	display: inline-block;
    vertical-align: top;
 	margin: 0.25%;
 }

 .ce_youtube > * {
    font-size: 1rem;
}

.ce_youtube + .ce_youtube {
    padding-top: 0;
}

.ce_youtube.videoeinhalb + .ce_youtube.videoeinhalb {
    vertical-align: bottom;
}

@media (min-width: 1201px) {
	.ce_youtube.videoeinhalb:not(.videogross) {
	    width: 44.75%;
	}
}

@media (max-width: 1200px) {
	.ce_youtube.videoeinhalb:not(.videogross) {
	    width: 49.25%;
	}
}

.video_container {
    position: relative;
    padding-bottom: 56.25%;
}

.video_container a, .video_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

figure.video_container.video_container a:before {
    content: "YouTube-Video starten";
    font-family: montserrat;
    font-size: 0.85em;
    line-height: 1;
    display: block;
    position: absolute;
    top: 60%;
    right: 0;
    left: 0;
    color: transparent;
    text-shadow: 0 0.05em 0.4em hsla(0, 0%, 0%, 0);
}

figure.video_container a:hover:before,
figure.video_container a:focus:before,
figure.video_container a:active:before {
    text-shadow: 0 0.05em 0.4em hsla(0, 0%, 0%, 0.7);
}

.video_container a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10%;
    opacity: 0.6;
}

.video_container a:hover:after,
.video_container a:focus:after,
.video_container a:active:after {
    opacity: 0.85;
}

.video_container a ~ .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 90%;
    text-align: left;
    font-size: 0.85em;
    line-height: 1;
	padding: 0.2em 0.5em 0 0;
}

/*.video_container a ~ .caption span {
	font-size: 0.85em;
    line-height: 1;
	padding: 0.2em 0.5em 0 0;
	-webkit-box-decoration-break: clone;
			box-decoration-break: clone;
}*/

.video_container iframe ~ .caption {
	display: none;
}


/* -----    Rahmen    ----- */

.mod_article {
	/*border: 0.16rem solid transparent;*/
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.8);
}


/* -----    Farben    ----- */

html {
    background-color: #000;
}

html, a {
    color: #fff;
}

.navi:not(.sub) a {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.navi:not(.logo):not(.sub):not(.mobil) a:hover,
.navi:not(.logo):not(.sub):not(.mobil) a:focus,
.navi:not(.logo):not(.sub):not(.mobil) a:active {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.navi.mobil {
    background-color: rgba(0, 0, 0, 0.87);
}

.mod_article,
#cboxOverlay, .video_container a ~ .caption {
    background: linear-gradient(170deg, hsla(6.3, 74.3%, 47.3%, 0.97) 3%, hsla(265, 60%, 30%, 0.99) 87%);
}

/* .mod_article.lila,
.mod_article.lila #cboxOverlay, .mod_article.lila.video_container a ~ .caption {
  background-color: hsla(265, 60%, 30%, 0.94);
}

.mod_article.gelb,
.mod_article.gelb #cboxOverlay, .mod_article.gelb.video_container a ~ .caption {
  background-color: hsla(38, 100%, 52%, 0.84);
} */


/* -----    Typo    ----- */

html {
    font-family: Oswald-Light, sans-serif;
    line-height: 1.4;
    letter-spacing: 0.02rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}

b, strong {
  font-family: Oswald-Medium;
  font-weight: normal;
}

.navi li.active strong {
  font-weight: bold;
}

.mod_article h1, .mod_article h2 {
  font-family: Oswald-Bold;
  letter-spacing: 0.02em;
}

.navi li, .navi li strong, #seitentitel {
  font-family: Urban-Slick;
}

html {
    font-size: 20px;
}

@media (max-width: 1600px) {
    html, .ce_text {
        font-size: 17px;
        font-size: calc(0.234vw + 16.25px);
    }
}

p:not(:first-child), h1 + ul, .ce_gallery h2 + ul, .mod_article h2 {
    margin-top: 1rem;
}

.mod_article h1 {
    font-size: 2rem;
    line-height: 1.1;
    font-weight: normal;
    padding-bottom: 0.3em;
}

.mod_article h2 {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: normal;
    letter-spacing: 0.035em;
}

.mod_article p + h2 {
	margin-top: 3rem;
}

a, a:before, a:after, button {
    transition: 0.1s ease-out;
}

.navi a {
	text-decoration: none;
}

a.noicon.noicon, a.noicon.noicon:hover, a.noicon.noicon:focus, a.noicon.noicon:active {
    border-bottom-style: none;
}

a[href^="http://"]:not(.noicon):before, a[href^="https://"]:not(.noicon):before,
a[href^="mailto:"]:not(.noicon):before, a[href^="tel:"]:not(.noicon):before {
    font-family: fa-solid;
    font-size: 0.7em;
}

a[href^="http://"]:not(.noicon):before, a[href^="https://"]:not(.noicon):before {
    content: "\f061\00A0";
}

a[href^="mailto:"]:not(.noicon):before {
    content: "\f0e0\00A0 ";
}

a[href^="tel:"]:not(.noicon):before {
    content: "\f095\00A0 ";
}

.break {
    word-wrap: break-word;
}

li {
    list-style-type: none;
}

.ce_text li {
    margin-top: 0.5em;
    margin-left: 6%; 					/* 2em */
    list-style-type: none;
}

.ce_text li:before {
	position: absolute;
	content: "\f105";
	font-family: fa-solid;
	font-size: 0.7em;
	margin-left: -1em;
	margin-top: 0.3em;
}


/*figure.video_container a[href^="http://"]:before,
figure.video_container a[href^="https://"]:before {
    content: none;
}*/


@font-face {
    font-family: 'Urban-Slick';
    src: url('fonts/Urban-Slick.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Oswald-ExtraLight';
    src: url('fonts/Oswald-ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('fonts/Oswald-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('fonts/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Medium';
    src: url('fonts/Oswald-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-SemiBold';
    src: url('fonts/Oswald-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Bold';
    src: url('fonts/Oswald-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fa-solid';
    src: url('fonts/fa-solid-900.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'SedgwickAve-Regular';
    src: url('fonts/SedgwickAve-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

/*@font-face {
  font-family: 'fontawesome';
  src: url('fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}*/
