*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: medium;
    src: url('URWDIN-v1-Medium.DIHD-PZU.woff');
}

@font-face {
    font-family: regular;
    src: url('/URWDIN-v1-Regular.CgiPI_lG.woff');
}

@media (min-width: 1099px) {
   .mobile-container{
        display: none;
    }
    .desktop-container{
        display: block;
    }
    .desktop-header{
        min-height: 60vh;
        width: 100%;
        background-color: #EBF3FB ;
    }
    .desktop-nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1% 2%;
        background-color: #1E2431;
    }
    .left-nav{
        display: flex;
        justify-content: center;
        align-items: center;
    }
   .left-nav .other-link{
        color: white;
        font-family: regular;
        font-size: 0.875rem;
        margin: 0 0.5rem;
        text-decoration: none;
    }
    .right-nav a{
        color: white;
        font-family: regular;
        font-size: 0.750em;
        margin: 0 0.5rem;
        text-decoration: none;   
    }
    .register-link{
        border: 1px solid white;
        padding: 5px;
        border-radius: 5px;
    }
    .text-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 50px;
        margin: 0 auto;
    }
    .text-container h2{
        color: #1E2431;
        font-size: 2.5rem;
        font-family:regular;
        letter-spacing: 0.5px;
        line-height: 1.6;
        margin: 1rem 0;
    }
    .text-container p{
        color: #1E2431;
        font-size: 1.7rem;
        font-family:regular;
    
        line-height: 1.6;
        margin: 1rem 0;
    }
    .text-container a {
        background-color: #0D8EF0;
        max-width: 120px;
        font-size: 0.755rem;
        font-family: medium;
        padding: 10px 16px;
        border-radius: 20px;
        color: white;
        display: block;
        margin: 2rem auto;
        text-align: center;
        text-decoration: none;
    }
    .d-announcements{
        width: 100%;
        min-height: 60vh;
        padding-top: 100px;
        background-image: url('images/d-announcement-.png');
    }
    .d-market{
        width: 100%;
        min-height: 60vh;
        padding: 20px 0 50px;
        background-image: url('images/d-markets.png');
        margin:0 0 5rem;
    }
    .d-partnerships{
        width: 100%;
        min-height: 60vh;
        padding: 20px 0 50px;
        background-image: url('images/d-partnerships.png');
        background-repeat: no-repeat;
    }
    .d-footer{
        min-height: 20vh;
        width: 100%;
        background-image: url('images/d-footer.png');
        background-repeat: no-repeat;
    }
    
    

}
@media (max-width: 1098px) {
    .desktop-container{
        display: none;
    }
    .mobile-container{
        display: block;
    }

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

    .mobile-header {
        min-height: 65vh;
        width: 100%;
        background-color: #EBF3FB;
    }

    .mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1% 4%;
        background-color: #252936;
    }

    .mobile-nav .right-nav {
        display: inline-block;
        list-style: none;
    }

    .mobile-nav .right-nav #register {
        border: 1px solid white;
        color: white;
        font-family: regular;
        font-size: 0.720rem;
        padding: 3px;
        border-radius: 4px;
        text-decoration: none;

    }

    .mobile-nav .right-nav #menu {
        border: 1px solid transparent;
        color: white;
        font-family: regular;
        font-size: 1.5rem;
        padding: 3px;
        border-radius: 4px;
        text-decoration: none;
    }

    .side-nav {
        height: 100%;
        width: 0%;
        position: fixed;
        background: white;
        top: 0%;
        right: 0%;
        overflow-x: hidden;
        transition: 0.5s;
    }

    .side-nav-header {
        border-bottom: 1px solid #eee;
        padding: 5px;
    }

    .side-nav-header a {
        color: #252936;
        display: flex;
        font-size: 1.5rem;
        justify-content: right;
        align-items: center;
        padding: 0% 2%;
        text-decoration: none;
    }

    .side-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 1rem 0;
    }

    #side-buttons-login {
        color: #000;
        display: block;
        margin: 0.5rem 0;
        font-family: regular;
        font-size: 0.700rem;
        text-align: center;
        text-decoration: none;
    }

    #side-buttons-register {
        background-color: #0D8EF0;
        border-radius: 5px;
        color: white;
        display: block;
        margin: 0.5rem 0;
        font-family: regular;
        font-size: 0.700rem;
        text-decoration: none;
        text-align: center;
        padding: 8px 16px;
        width: 85%;
    }

    .side-nav-links {
        padding: 0 3%;
    }

    .side-nav-links a {
        color: #000;
        display: block;
        margin: 0rem 0;
        font-family: regular;
        font-size: 0.700rem;
        text-decoration: none;
        padding: 10px;
    }

    .text-container {
        padding-top: 100px;
    }

    .text-container h2 {
        color: #252936;
        font-size: 40px;
        font-family: medium;
        font-weight: 500;
        text-align: center;
        margin: 1.5rem 0;
    }

    .text-container p {
        color: #8490aa;
        font-size: 16px;
        font-family: regular;
        font-weight: 500;
        text-align: center;
    }

    .text-container a {
        background-color: #0D8EF0;
        max-width: 120px;
        font-size: 0.755rem;
        font-family: medium;
        padding: 10px 16px;
        border-radius: 20px;
        color: white;
        display: block;
        margin: 2rem auto;
        text-align: center;
        text-decoration: none;
    }
    .m-announcement{
        width: 100%;
       
    }
    .m-market{
        width: 80%;
        margin:2rem auto 5rem;
            }
    .m-partnerships{
        width: 100%;
        margin: 2rem auto;
        padding: 20px 0 50px; 
        
    }
    .m-footer{
        width: 100%;

    }
}