* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
  font-family: Arial, sans-serif;
}

.background {
  background-image: url("https://scontent-fra5-2.cdninstagram.com/v/t51.82787-15/572164076_17843268489607246_7616595950766707170_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=106&ig_cache_key=Mzc1NDEyMzgyMzA0NzAzMzAwOQ%3D%3D.3-ccb1-7&ccb=1-7&_nc_sid=58cdad&efg=eyJ2ZW5jb2RlX3RhZyI6InhwaWRzLjE0NDB4ODEwLnNkci5DMyJ9&_nc_ohc=dTbKIV817M4Q7kNvwHsg0Hr&_nc_oc=Adn8LGGYfplFZaOI57Je0HpMdLrmaQoR1_JLyHfdHmOftoZH5fi8nKopkS1rOTn1i_c&_nc_ad=z-m&_nc_cid=0&_nc_zt=23&se=7&_nc_ht=scontent-fra5-2.cdninstagram.com&_nc_gid=i-zkxjCZfQlBGjHsgRdw8A&oh=00_AfgoCN82XqFXNk61u0qJvUoFSJu9-cbpqp5azgLT84c90w&oe=690E1538"); /* Replace with your own construction image */
  background-size: cover;
  background-position: center;
  height: 100%;
  position: relative;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.content {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 20px;
}

h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #ffc107;
}

h3{
    color: #1D6591;
    font-size: 32px;
}

p {
  font-size: 1.2rem;
  max-width: 700px;
  margin: 0 auto 1.5rem;
}

.tagline {
  font-style: italic;
  font-size: 1rem;
  color: #f0ad4e;
}

a{
    color: white;
}

@media (max-width: 600px) {
  h1 {
    font-size: 2rem;
  }
  p {
    font-size: 1rem;
  }
}