.fontyourface .paragraph--type--banner .h1, 
.fontyourface .paragraph--type--image-only-banner .h1,
.fontyourface .paragraph--type--hero-slider .carousel-caption.text-theme-default h1 { font-family: 'Geologica'; font-style: normal; font-weight: 500; }
.fontyourface .paragraph--type--banner .h1, 
.fontyourface .paragraph--type--image-only-banner .h1,
.fontyourface .paragraph--type--hero-slider .carousel-caption.text-theme-default h1 { font-size: 30px; }
@media (min-width:576px)
            {.fontyourface .paragraph--type--banner .h1, 
.fontyourface .paragraph--type--image-only-banner .h1,
.fontyourface .paragraph--type--hero-slider .carousel-caption.text-theme-default h1 { font-size: 30px; }}
@media (min-width:768px)
            {.fontyourface .paragraph--type--banner .h1, 
.fontyourface .paragraph--type--image-only-banner .h1,
.fontyourface .paragraph--type--hero-slider .carousel-caption.text-theme-default h1 { font-size: 40px; }}
@media (min-width:992px)
            {.fontyourface .paragraph--type--banner .h1, 
.fontyourface .paragraph--type--image-only-banner .h1,
.fontyourface .paragraph--type--hero-slider .carousel-caption.text-theme-default h1 { font-size: 50px; }}
@media (min-width:1200px)
            {.fontyourface .paragraph--type--banner .h1, 
.fontyourface .paragraph--type--image-only-banner .h1,
.fontyourface .paragraph--type--hero-slider .carousel-caption.text-theme-default h1 { font-size: 50px; }}