html {
scroll-behavior: smooth;	
}

/*LEGAL LAYOUT*/
/*---LEGAL LAYOUT: STRUCTURE---*/
.legal-gavelhead-viewboard{
display: flex;
flex-direction: row;
margin:0px 5% 50px 5%;
align-items:flex-start;
justify-content:flex-start;
}

.legal-gavelhead-menu{
width:20%;
padding:50px 0px;
}

.legal-gavelhead-content{
width:60%;
padding:50px 40px 0px 40px;
}

.legal-gavelhead-useless{
width:20%;
}

/*---LEGAL LAYOUT: STYLING---*/
.legal-gavelhead-menu .content{
border-radius:8px;
border:1px solid #ccc;
padding:20px;
font-size:17px;
}

.legal-gavelhead-menu .content .jump-header{
padding-bottom: 10px;
color:#222;
font-weight:600;
}

.legal-gavelhead-menu .content ol{
color:#222;
margin-right: 8px;
padding-left:20px;
}

.legal-gavelhead-menu .content .jump-link{
padding: 5px 0px;
color:#1B2DD3;
padding-left:5px;
cursor: pointer;
}

.legal-gavelhead-menu .content .jump-link:hover{
text-decoration: underline;
}

/*---LEGAL LAYOUT: RESIZE---*/
@media (max-width:1200px) {
.legal-gavelhead-menu{
width:25%;
}

.legal-gavelhead-content{
width:75%;
}

.legal-gavelhead-useless{
width:0%;
}
}

@media (max-width:900px) {
.legal-gavelhead-viewboard{
flex-direction: column;
}

.legal-gavelhead-menu{
width:100%;
}

.legal-gavelhead-content{
width:100%;
padding:0px 0px;
}
}





/*LEGAL CONTENTS*/
/*---LEGAL CONTENTS::BOX LAYOUT---*/
.main-legal-box{
color:#333;
}

.main-legal-box .section{
padding-top:20px;
}

/*---LEGAL CONTENTS::BANNER---*/
.banner-legal{
text-align:left;
padding:0px 0px 20px 0px;
}

.banner-legal h1{
font-size:46px;
font-weight:600;	
}

.banner-legal h2{
font-size:26px;
font-weight:500;
margin-bottom:20px;
}

.banner-legal h3{
font-size:20px;
font-weight:500;
}

.banner-legal h4{
font-weight:300;
font-size:19px;
text-align:left;
}

.banner-legal .highlight{
padding:20px;
border-radius:8px;
background-color: #222;
color:#fdf2e8;
font-weight:400;
font-size:17px;
text-align:left;
}

.banner-legal .space{
margin:40px 0px 40px 0px;
}

.banner-legal p{
font-weight:400;
font-size:18px;
padding-top:30px;
}

/*---LEGAL CONTENTS::TEXT---*/
.text-legal{
text-align:left;
padding-bottom:20px;
border-bottom:1px solid #ccc;
}

.text-legal h1{
font-size:27px;
font-weight:600;
margin-top:40px;
}

.text-legal h1 a{
color:inherit;
}

.text-legal h2{
font-size:22px;
font-weight:600;
margin-top:40px;
}

.text-legal h3{
font-size:20px;
font-weight:600;
margin-top:10px;
}

.text-legal p{
font-weight:400;
}

.text-legal ol, .text-legal ul{
padding: 0;
list-style-position:outside;
margin:0;
margin-left:30px;
margin-bottom:20px;
}

.text-legal li{
font-size:16px;
padding-left:10px;
padding-top:10px;
}

.text-legal .space{
padding:10px;
}

.text-legal .big-space{
padding:20px;
}

.copyright-legal{
margin:100px 0px 100px 0px;
max-width:500px;
text-align:left;
}

.copyright-legal p{
font-weight:300;
margin:5px;
}

/*---LEGAL CONTENTS::COPYRIGHT---*/
.copyright-legal button{
margin-top:20px;
border:1px solid #333;
border-radius:5px;
background-color:inherit;
padding:5px 18px 5px 18px;
color:#333;
}

.copyright-legal button i{
padding-left:10px;
}









/*PAGE NAVIGATION*/
/*---PAGE NAVIGATION::LAYOUT---*/
.legal-navigation-group {
position:fixed;
bottom:20px;
right:5%;
text-align: center;
}

.legal-navigation-group button{
border:none;
border-radius:50%;
background-color:#f8d8b9;
color:#333;
}

.legal-navigation-group button.big{
font-size:24px;
width:50px;
height:50px;
margin-bottom: 20px;
display: none;
}

.legal-navigation-group button.small{
padding-top:4px;
font-size:20px;
width:40px;
height:40px;
margin-bottom: 10px;
display: none;
}

.legal-navigation-group button:hover{
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
}

/*---PAGE NAVIGATION::EXPANDED MENU---*/
.legal-navigation-group .nav-menu{
border-radius:8px;
padding:20px;
font-size:17px;
margin-bottom: 10px;
background-color: #222;
}

.legal-navigation-group .nav-menu .jump-header{
padding-bottom: 10px;
color:#222;
font-weight:600;
}

.legal-navigation-group .nav-menu ol{
color:#ccc;
margin-right: 8px;
padding-left:20px;
}

.legal-navigation-group .nav-menu .jump-link{
padding: 5px 0px;
color:#A8AFE2;
padding-left:5px;
cursor: pointer;
width:280px;
}

.legal-navigation-group .nav-menu .jump-link:hover{
text-decoration: underline;
}