/*!
 * Start Bootstrap - One Page Wonder v5.0.1 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */

body {
  font-family: 'Lato';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran';
  font-weight: 800 !important;
}



.bg-black {
  background-color: #000 !important;
}

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/* Galaxy 9*/
@media (min-width : 360px) {   
    h2 {font-size:1.5rem;} /*1rem = 16px*/
    h4 {font-size:1rem;}   
}

/* iPhone X*/
@media (min-width : 375px) {   
    h2 {font-size:1.5rem;} /*1rem = 16px*/
    h4 {font-size:1rem;}   
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  h2 {font-size:2rem;} /*1rem = 16px*/
  h4 {font-size:1.25rem;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h2 {font-size:2.5rem;} /*1rem = 16px*/
  h4 {font-size:1.5rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  h2 {font-size:3rem;} /*1rem = 16px*/
  h4 {font-size:1.75rem;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  h2 {font-size:3.5rem;} /*1rem = 16px*/  
  h4 {font-size:1.5rem;}
}


/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
*/