@charset "UTF-8";
/* Private Lesson CSS */

* {
    box-sizing: border-box; /**For flexbox**/
}
.background {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-content: center;
    width:100vw;
    font-size:1.5vh;
}
#page-wrapper{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 3% auto;
    width:85rem;
}
@media only screen and (orientation:portrait)
    {#page-wrapper{width:inherit;}}
@media only screen and (min-width:2000px) and (orientation:landscape)
    {#page-wrapper{width: 75vw; margin:5% auto;}}
@media only screen and (max-width:1400px) and (orientation:landscape)
    {#page-wrapper{width: 100vw; margin:5% auto;}}


.middle-box{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 2%;
    width:inherit;
}
@media only screen and (max-width:1400px) and (orientation:landscape)
    {.middle-box{flex-flow:column; align-items:center;}}
@media only screen and (orientation:portrait)
    {.middle-box{flex-flow:column; align-items:center;}}


#private-body {
    flex:0;
    position: relative;
	
	visibility: visible;
	text-align: justify;
}
#accordion {
    display: flex;
    flex-flow: column nowrap;
    
    width: 50rem;
}
@media only screen and (min-width:2000px) and (orientation:landscape)
{#accordion{width:48vw;}}
@media only screen and (max-width:1400px) and (orientation:landscape)
{#accordion{width:100%;}}
@media only screen and (orientation:portrait)
{#accordion{width:100%;}}

/***************************************************************************************************/
#rightcolumn-parent {
    display: flex;
    flex-flow: column nowrap;
    justify-content:space-between;
}
@media only screen and (max-width:1400px) and (orientation:landscape)
{#rightcolumn-parent{display:none;}}
@media only screen and (orientation:portrait)
{#rightcolumn-parent{display:none;}}


#rightcolumn {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    height: 80vmin; /*change if more private class boxes are added to allow #buttons to stick*/
}
#buttons{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top:0;
    margin: 15% 0;
}
#back-to-top-button {
    bottom: 38%;
    right: 33%;
}