h1 {
  /* Extra small devices (phones, less than 768px) */
  font-size: 20px;  
}

h2{
	font-size: 18px;	
}

.big-font {
	font-size:2rem;
}


/* cell phones */
	@media (max-width: 576.98px) {
		.font-banner-overlay {
			font-size:1rem;
			font-weight:bolder;
		}
		.h3{
			font-size: 1.25rem;	
		}
		
		.h5{
			font-size: 1rem;	
		}
		
	}

	@media (min-width: 577px) and (max-width: 767.98px) {
		.font-banner-overlay {
			font-size:1.5rem;
			font-weight:bolder;
		}
	}
	
  /* Small devices (tablets, 768px and up) */
  @media (min-width: 768px) {
	h1{
	font-size: 28px;	
	}
	h2{
	font-size: 22px;	
	}
	.big-font {
		font-size:2.5rem;
	}

	.font-banner-overlay {
		font-size:2rem;
		font-weight:bolder;
	}

  }

  /* Medium devices (desktops, 992px and up) */
  @media (min-width: 992px) {
  h1{
    font-size: 32px; /* 32px;	*/
	}
	h2{
	font-size: 28px;	
	}
	.big-font {
		font-size:3rem;
	}

	.font-banner-overlay {
		font-size:2.5rem;
		font-weight:bolder;
	}
	
  }

  /* Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
  h1{
    font-size: 40px;	
	}

	h2{
	font-size: 32px;	
	}
	
	.big-font {
		font-size:3.5rem;
	}
	
		.font-banner-overlay {
			font-size:3rem;
			font-weight:bolder;
		}
	
  }