.layout {
    
}

.layout.centered.half{
    text-align: center;
}

.layout.centered.half>.content{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.layout.left_sidebar {
    width: 100%;
    display: block;
    height: 600px;
}

.layout>.sidebar{
    width: 20%;
    float: left;
}

.layout.left_sidebar>.content{
    width: 78%;
    float: right;
}

.layout.right_sidebar>.content {
   width: 78%;
   display: inline-block;
}

.layout.right_sidebar .sidebar {
        float: right;
}

#myaccount-layout {
    position: relative;
}

#myaccount-layout > .sidebar {
    width: 250px;
    position: absolute; 
}

#myaccount-layout > .content{
    margin-left: 280px;
    min-height: 450px;
}

@media all and (max-width: 768px) {
    .layout.left_sidebar > .content {
        width: 100%;
    }

    .layout.centered.half>.content{
        width: 100%;
    }
}