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

.desktop-intro {
    background-image: url(./resources/images/bg-intro-desktop.svg);
    background-size: cover;
}

.desktop-mockup {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 3rem;
}

.mobile-intro {
    background-image: url(./resources/images/bg-intro-mobile.svg);
    background-size: cover;
}

.mobile-mockup {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 7rem;
}

/* .sec2-title {
    width: 35rem;
} */

#services {
    background-color: hsl(220, 16%, 96%);
    /* margin-top: -10rem; */
}

.Service-icons {
    width: 3rem;
}

.imgBox1 {
    background-image: url(./resources/images/image-currency.jpg);
    background-position: fixed;
    background-size: cover;
    height: 10rem;
}

.imgBox2 {
    background-image: url(./resources/images/image-restaurant.jpg);
    background-position: fixed;
    background-size: cover;
    height: 10rem;
}

.imgBox3 {
    background-image: url(./resources/images/image-plane.jpg);
    background-position: fixed;
    background-size: cover;
    height: 10rem;
}

.imgBox4 {
    background-image: url(./resources/images/image-confetti.jpg);
    background-position: fixed;
    background-size: cover;
    height: 10rem;
}

#footer {
    background-color: hsl(233, 26%, 24%);
}

.btn {
    background: rgb(49,211,92);
    background: linear-gradient(52deg, rgba(49,211,92,1) 20%, rgba(44,190,180,1) 88%);
    color: white;
}

.btn:hover {
    color: white;
    opacity: 60%;
}

a {
    text-decoration: none;
}

.links {
    color: black;
}

.foot-links {
    color: hsl(0, 0%, 98%);
}

.links:hover, .foot-links:hover {
    color:rgb(49,211,92);
    color: linear-gradient(52deg, rgba(49,211,92,1) 20%, rgba(44,190,180,1) 88%);
}

.nav-link:hover {
    color: black;
    border-bottom: 3px solid rgb(49,211,92);
    padding-bottom: 0.8rem;
    margin-bottom: -3rem;
}

/* Dark Blue: hsl(233, 26%, 24%)
- Lime Green: hsl(136, 65%, 51%)
- Bright Cyan: hsl(192, 70%, 51%)

### Neutral

- Grayish Blue: hsl(233, 8%, 62%)
- Light Grayish Blue: hsl(220, 16%, 96%)
- Very Light Gray: hsl(0, 0%, 98%)
- White: hsl(0, 0%, 100%) */