.first-screen {
    background: url(../images/parenting-bed.jpg) no-repeat center;
    background-size: cover;
    height: 600px;
}
@media all and (max-width: 1600px){
    .first-screen {height: 500px;}
}
@media all and (max-width: 1400px){
    .first-screen {height: 400px;}
}
@media all and (max-width: 1199px){
    .first-screen {height: 300px;}
}
@media all and (max-width: 991px){
    .first-screen {height: 250px;}
}
@media all and (max-width: 767px){
    .first-screen {height: 200px;}
}
@media all and (max-width: 575px){
    .first-screen {height: 150px;}
}
@media all and (max-width: 480px){
    .first-screen {height: 100px;}
}


.main-container {padding: 60px 15px; max-width: 1140px; width: 100%; margin: auto;}
.main-container aside {top: 150px;}
.main-container main section:not(:last-child) {margin-bottom: 30px;}
.main-container section a:not(.btn) {color: var(--primary);}
.main-container section ul,
.main-container section ol { padding-left: 42px; display: flex; flex-flow: column; gap: 15px;}
.main-container section ul {list-style: disc;}
.main-container section ol {list-style: decimal;}
.main-container section div.text-2:not(:last-child),
.main-container section ul:not(:last-child),
.main-container section ol:not(:last-child) {margin-bottom: 20px;}

table.two-col {margin: -10px;}
table.two-col th,
table.two-col td {padding: 10px; text-align: center; border-bottom: 1px solid var(--Gray);}
table.two-col td {font-size: 16px;}

.table-of-content {display: flex; flex-flow: column; gap: 10px; line-height: 1.2;}
.table-of-content .indent-1 {padding-left: 10px;}
.table-of-content .indent-2 {padding-left: 20px;}
.table-of-content .indent-3 {padding-left: 30px;}
.table-of-content a {font-size: 14px; color: var(--primary);}
.table-of-content a:hover {text-decoration: none; color: var(--primary-hover);}

.btn-table-of-content:hover {color: var(--primary-hover); text-decoration: none;}

@media all and (min-width: 768px) {
    html {scroll-padding-top: 150px;}
    .main-container aside {position: sticky; overflow-y: auto; height: calc(100vh - 165px);}
}
@media all and (min-width: 992px) {
    /*.fixed-header .navbar-brand {width: 94px; height: 94px; box-shadow: none;}*/
}
@media screen and (max-width: 1399px) {
    .main-container {padding-top: 50px; padding-bottom: 50px;}
}
@media screen and (max-width: 1199px) {
    .main-container {padding-top: 40px; padding-bottom: 40px;}
}

@media screen and (max-width: 991px) {
    .main-container {padding-top: 30px; padding-bottom: 30px;}
    .main-container aside {top: 108px;}
}

@media screen and (max-width: 767px) {
    .main-container {padding-top: 20px; padding-bottom: 20px;}
    .main-container aside {top: auto; border-bottom: 1px solid var(--Gray);}
}
