/*
LR = gap 80pixels

<div class=lr>
    <div class=l>
    </div>
    <div class=r>
    </div>
</div>
*/

.normal .lr {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

@media all and (max-width: 899px) {
    .normal .lr {
        width:100%;
    }

    .normal .lr .l {
    }

    .normal .lr .r {

    }
}

@media all and (min-width: 900px) {
    .normal .lr {
    }

    .normal .lr .l {
        display:inline-block;
        width:35%;
        vertical-align: top;
    }

    .normal .lr .r {
        display:inline-block;
        width:65%;
        vertical-align: top;
    }

    .normal .lr .l .l_inner { padding-right: 20px;}
    .normal .lr .r .r_inner { padding-left: 20px;}
}










.manifest .lr {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

@media all and (max-width: 899px) {
    .manifest .lr {
        width:100%;
    }

    .manifest .lr .l {
    }

    .manifest .lr .r {

    }
}

@media all and (min-width: 900px) {
    .manifest .lr {
    }

    .manifest .lr .l {
        display:inline-block;
        width:55%;
        vertical-align: top;
    }

    .manifest .lr .r {
        display:inline-block;
        width:45%;
        vertical-align: top;
    }

    .manifest .lr .l .l_inner { padding-right: 35px;}
    .manifest .lr .r .r_inner { padding-left: 35px;}
}