/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 650px) {
  .hero {height: 300px;}
  .hero-content h1 { font-size: 22px;}
  .hero-content p{ font-size: 14px;}
  .hero-content .btn-custom{font-size: 14px;}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .hero {height: 350px;}
  .hero-content h1 { font-size: 26px;}
  .hero-content p{ font-size: 18px;}
  .hero-content .btn-custom{font-size: 15px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 700px) {
  .hero {height: 350px;}
  .hero-content h1 { font-size: 26px;}
  .hero-content p{ font-size: 18px;}
  .hero-content .btn-custom{font-size: 15px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .hero {height: 450px;}
  .hero-content h1 { font-size: 48px;}
  .hero-content p{ font-size: 25px;}
  .hero-content .btn-custom{font-size: 20px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}