@import url(pro/reset.css);
@import url(pro/footer.css);



@media (min-width: 576px) {
    
}

@media (max-width: 575px) {
    .content{
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
    }
    .header{
        width: 100vw!important;
    }
    .header .navbar #navbarSupportedContent {
        width: 100%;
        margin: 20px 0;
        height: 100vh;
    }

    .header .navbar #navbarSupportedContent .navbar-nav.ml-auto{
        height: 100%;
    }

    .header .navbar #navbarSupportedContent .nav-item-mr {
        padding: 0 10px 0 0 !important;
    }
    
    .header .navbar .navbar-nav li {
        padding: 0 10px 0 0;
        text-align: right;
    }
    .header .navbar .navbar-nav li.dropdown {
        direction: rtl;
    }
    
    .dropdown-menu.show {
        display: flow-root!important;
        text-align: right;
        border: 1px solid #999;
    }

    #btnConnect {
        color: #00B7F1;
        text-align: center;
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        border-radius: 50px;
        border: 2px solid #00B7F1 !important;
        background-color: #FFF;
        text-transform: unset !important;
    }

    #btnConnection {
        text-align: center;
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        border-radius: 50px;
        border: 2px solid #00B7F1 !important;
        text-transform: unset !important;
    }

    #btnSubscription {
        color: #FFF;
        text-align: center;
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        border-radius: 50px;
        background: #ABCC62;
        text-transform: unset !important;
    }
}