/* Global App Styles */

@font-face {
    font-family: normal;
    src: url('../fonts/Montserrat-Regular.ttf');
}
@font-face {
    font-family: bold;
    src: url('../fonts/Montserrat-Bold.ttf');
}
@font-face {
    font-family: heading;
    src: url('../fonts/Montserrat-Bold.ttf');
}

.fontBold {
    font-family: bold;
}
.fontHeading {
    font-family: heading;
}

body {
    margin: 0;
    padding: 0;
    font-family: normal, sans-serif;
    color: #2e2e2e;
    background: #ffffff;
    position: relative;
}
.wrap {
    width: 1240px;
    margin: 0 auto;
}
ul {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
}
h2 {
    font-size: 1.6em;
    margin: 0 0 40px 0;
    text-align: center;
    font-weight: normal;
}

.desktop {
    width: 100%;
    display: inherit;
}
.mobile {
    width: 100%;
    display: none;
}


/** Media queries **/
@media only screen and (max-width: 1275px) and (min-width: 0)  {
    .wrap {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 900px) and (min-width: 0)  {
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
}
/* @media only screen and (max-width: 992px) and (min-width: 0)  {
    h1 {
        text-align: center;
    }
    h2 {
        text-align: center;
    }
} */