:root {
  --blue: rgb(17, 52, 90);
}
.bg-color-dp {
  background-color: var(--blue);
}
body {
  padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6, a {
  color: var(--blue);
}
hr {
  margin: 3rem 0;
  border-top: thin dashed rgb(150, 150, 150);
}
/* p{
    text-wrap: balance;
  } */
/* body { background-color: var(--blue); } */
nav {
  background-color: var(--blue);
}
/* .cover{
    background-image: url(../img/toronto.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw !important;
    height: 100vh !important;
    background-position: center center;
    background-attachment: fixed;
  } */
footer {
  background-color: var(--blue);
}
.icon {
  max-width: 100%;
}
.bg-cover {
  background-image: url(../img/cover-1.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
}
.bg-what {
  background-image: url(../img/cover-2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 50vh;
}
.bg-work {
  background-image: url(../img/cover-3.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
}

.work-ill{
  /* width: 100%; */
}
.bg-contact {
  background-image: url(../img/cover-5.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
}
.bg-thankyou {
  background-image: url(../img/cover-4.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
}
.rogers-cup {
  background-image: url(../img/work/rogers-cup.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 60vh;
  /* Set a specific height */
  /* min-height: 600px; */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
}
.submit-btn {
  background-color: var(--blue);
  width: 100%;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  
  .rogers-cup {
    background-attachment: scroll;
  }
}
 @media screen and (max-width: 600px){
    .bg-cover {
      height: 100%;
    }
}