html{
    margin:0;
    /* overflow: hidden; */
    overflow-x: hidden;
}

html,html *{
    color:#0f8f85;
    font-family: "Montserrat";
    margin:0;   
}
body{
    overflow-x: hidden;
}
body,body *{
    position:relative;
}
body section *{
    max-width:80vw;
}

.flex{
    display:flex;
    flex-direction: column;
}

.flexRow{
    display:flex;
}

.flexRowRev{
    display:flex;
    flex-direction: row-reverse;
}

.alignCenter{
    align-items:center;
}

.spaceBtwn{
    justify-content: space-between;
}

.justifyCenter{
    justify-content:center;
}

.btn{
    padding:7px 10px;
    border-radius:5px;
}
.orange_btn{
    background-color:#FF6100;
    color:#fff !important;
    padding:6px 10px;
}

.green_btn{
    background-color:#0f8f85;
    color:#fff;
}

.transparent_btn{
    color:#0f8f85;
    border-radius:5px;
    border:1px #0f8f85 solid;
}

a{
    text-decoration:none;
}


/* header */
header{
    padding:10px;
    position:absolute;
    width:100%;
    /* position:sticky;
    top:0; */
    z-index:1;
    box-sizing:border-box;
}
#header_logo{
    height:25px;
    width:auto;
    cursor:pointer;
}

.header_link{
    margin-left:2.5vw;
}

/* @media screen and (min-width:760px){
    .mobile{
        display:none;
    }
} */
@media screen and (min-width:1280px){
    .mobile{
        display:none;
    }
    .tablet{
        display:none;
    }
}
@media screen and (min-width:760px) and (max-width:1280px){
    /* .mobile{
        display:none;
    } */
    header{
        z-index:100
    }
    #header_logo {
        height:20px;
    }
    .header_navigation{
        display:none;
        position: fixed;
        height: 100vh;
        flex-direction: column;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 100;
        background-color: #00000090;
    }
    .header_navigation > .dismiss_container{    
        width:20%;
        height:100%;
        position:absolute;
        left:0;
    }
    .header_navigation > .nav_container{    
        background: #fff;
        height: 100%;
        width: 80%;
        align-self: flex-end;
        justify-self: flex-end;
    }
    .header_title{
        padding:20px 10px;
        border-bottom: 1px solid #0f8f8550;
        font-weight:bold;
        font-size:19px;
        width:80%;
    }
    .header_link{
        display:block;
        padding:20px 10px;
    }
    .header_link:last-child{
        background-color:#fff;
        color:#0f8f85 !important;
    }
    .showcart_btn{
        position: absolute;
        background-color: #FF6100;
        padding: 10px 10px 15PX 10PX;
        top: 0;
        border-radius: 0 0 10px 10px;
        right: 10px;
    }
    #formContainer{
        height: calc(100% - 6.5vh) !important;
    }
}

@media screen and (max-width:760px){
    .desktop{
        display:none;
    }
    header{
        z-index:100
    }
    #header_logo {
        height:20px;
    }
    .header_navigation{
        display:none;
        position: fixed;
        height: 100vh;
        flex-direction: column;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 100;
        background-color: #00000090;
    }
    .header_navigation > .dismiss_container{    
        width:20%;
        height:100%;
        position:absolute;
        left:0;
    }
    .header_navigation > .nav_container{    
        background: #fff;
        height: 100%;
        width: 80%;
        align-self: flex-end;
        justify-self: flex-end;
    }
    .header_title{
        padding:20px 10px;
        border-bottom: 1px solid #0f8f8550;
        font-weight:bold;
        font-size:19px;
        width:80%;
    }
    .header_link{
        display:block;
        padding:20px 10px;
    }
    .header_link:last-child{
        background-color:#fff;
        color:#0f8f85 !important;
    }
    .showcart_btn{
        position: absolute;
        background-color: #FF6100;
        padding: 10px 10px 15PX 10PX;
        top: 0;
        border-radius: 0 0 10px 10px;
        right: 10px;
    }
    #formContainer{
        height: calc(100% - 6.5vh) !important;
    }
}