/*
GENERAL MW FORMAT
*/

#container {
    /* for height calulation */
    display: inline-block;
    /* or */
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

#container * {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none,
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-size-adjust: none;
}


#container-wrap
{
    /* for height calulation */

    position: relative;
    display: inline-block;

    background: white;

    font-size: 10px;
    
    /* need to overwrite general settings */
    overflow-x: unset;
}

#main-content #container-wrap{
    overflow-x: hidden;
}

#container-wrap > div {
    font-size: calc(100vw / 138);
    overflow-x: hidden;
}


#container-wrap #container > *
{
    /* if we want shadows at the sides turn on */
    /* box-shadow: 0 0 10.800em 5.600em rgba(0,0,0,0.04); */
}


#main-content #container-wrap
{
    /* position: inherit;
    overflow: hidden; */
}

#main-content .page {
    position: relative;
}

#main-content #container {
    height: auto;
}


@media only screen and (min-width:1391px) {
    
    #container-wrap  > div
    {

    }
}



/*************************************************************
* USE THIS IF YOU WANT TO SET WITDH 
* TO LEAVE ORIGINAL SIZE
**************************************************************/

@media only screen and (min-width:1391px) {
    
    #container-wrap  > div
    {

    }
}



/*************************************************************
* USE THIS IF YOU WANT TO SET WITDH 
* TO ALIGN MARGINS
**************************************************************/

@media only screen and (min-width:1222px) {
    
    #container-wrap  > div
    {

    }
}



@media only screen and (max-width:900px) {

    #container-wrap >  div
    {
        /* font sizes too small, avoid to scale */
        /* font-size: 0.635em;
        overflow: auto !important; */
    }
}


@media only screen and (max-width:641px) {

    #container-wrap >  div
    {
    }
}


/* ADDITIONAL SET FOR THE MW HEADER */
#main-content > .title-row
{
    margin-bottom: unset;
}

#container-wrap * {
    -webkit-transition: none !important;
    transition: none !important;
}