/* Söhne Breit - Bold (700) */
@font-face {
  font-family: 'Soehne Breit';
  /*src: url('/wp-content/themes/Barix/assets/fonts/TestSohne-Halbfett-BF663d89cd2d67b.otf') format('opentype');*/
  src: url('/wp-content/themes/Barix/assets/fonts/TestSohne-HalbfettKursiv-BF663d89cd41624.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Headings use local Soehne Breit */
h1, h2, h3, h4, h5, h6
 {
    font-family: 'Soehne Breit', sans-serif !important;
  font-weight: 700;
}

/* Paragraphs and body text use Source Sans Pro from Google */
p, span, li, a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}

.top-banner-bg-img{
	background-image: url("images/abstract-red-smooth-wave-lines 1.png");
	margin-top: 96px;
}
.top-banner-section h3{
	font-size: 54px !important;
	margin: 0px !important;
	font-weight: 700 !important;
}
.top-banner-section span{
	color: #D42928;
	font-family: 'Soehne Breit', sans-serif !important;
	font-weight: 700;
}
.top-banner-image{
	margin-top: 46px;
}
.top-banner-image{
	/*max-width: 754px;*/
	margin: auto;
	margin-bottom: 80px;
}


.top-banner-content1 h4,.top-banner-content2 h4{
	font-size: 34px;
	font-weight: 600;
	line-height: 24px;
}
.top-banner-content1 .details{
	color: #606060;
	font-size: 28px;
	margin: 50.45px 120px 0px 0px;
	font-weight: 400;
}
.top-banner-content2{
	margin-top: 100px;
	margin-bottom: 120px;
}
.top-banner-content2 .details{
	font-size: 28px;
	color: #606060;
	margin: 50px 110px 0px 0px;
	font-weight: 400;
}
.top-banner-content2 span{
	color: #D42928;
}










/*

  Image Path :    /var/www/html/wp-content/themes/Barix/assets/images

  Font Path :   /var/www/html/wp-content/themes/Barix/assets/fonts      

*/


/*

TestSohne-Halbfett-BF663d89cd2d67b.otf

TestSohne-HalbfettKursiv-BF663d89cd41624.otf

*/




















@media only screen and (max-width: 424px) {
.top-banner-section h3{
	font-size: 20px !important;
}
.top-banner-image img{
	max-width: 233px;
	margin: auto;
}

}

@media only screen and (max-width: 767px) {
.top-banner-section h3{
	font-size: 30px !important;
}
.top-banner-content1 h4,.top-banner-content2 h4{
	font-size: 20px;
}
.top-banner-content2{
	margin-top: 48px;
    margin-bottom: 40px;
}
.top-banner-content1 .details,.top-banner-content2 .details{
	margin: 0px;
	font-size: 14px;
}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	.top-banner-content1 h4,.top-banner-content2 h4{
	font-size: 28px;
	line-height: 24px;
}
.top-banner-content2{
	margin-top: 48px;
    margin-bottom: 20px;
}
.top-banner-content1 .details,.top-banner-content2 .details{
	margin: 0px;
	font-size: 20px;
}


}