:root {
    --bg-primary:#457b9d;
    --bg-secondary: #7e7e7e;
    --text-primary: #f4f4f4;
    --text-secondary: #333;
    --dark-color: #375BA9;
    --light-color: #FED086;

}

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

/*APPLICATION*/

.application {
    margin-top: 100px;
}

.application .flex {
    gap: 2rem;
}

.application h1 {
    font-size: 2.8rem;
    font-weight: 500;
    color: var(--light-color);
}

.application h2 {
    font-weight: 300;
    font-style: normal;
    margin-bottom: 2rem;
}

.application img {
    width: auto;
    height: 350px;
    justify-self: end;
}

.application h3 {
    color: #375BA9;
}

.application p {
    color: #7e7e7e;
}

.application i {
    color: #375BA9;
}

.features {
    display: flex;
}

.feature {
    max-width: 300px;
    margin: 2rem auto;
}

/*DOWNLOAD*/
.download {
    background-color: var(--light-color);
    color: var(--dark-color);
    padding: 4rem;
}

.download h2 {
    font-size: 2.8rem;
    font-weight: 500;
    color: var(--dark-color);
}

.download p {
    color: #333;
}

.download img {
    width: auto;
    height: 40px;
}

@media(min-width:916px) {
    .mobile {
        display: none;
    }
}

@media(max-width:1500px){
    .navbar .flex {
        justify-content: center;
    }

    .language {
        right: 3%;
    }
}

/* Tablets and under*/
@media(max-width:915px){

    .desktop {
        display: none;
    }
    .navbar .flex {
        justify-content: space-between;
    }

    .language {
        position: static;
        top: 0;
        right: 0;
    }

    .language img {
        width: auto;
    }

}