/* ===========================
   LEGAL PAGES
   Bargain Tiles
=========================== */

.legal-container{
    max-width:1100px;
    margin:50px auto;
    padding:0 20px;
    line-height:1.8;
    color:#333;
}

.legal-container h1{
    font-size:38px;
    color:#222;
    margin-bottom:30px;
    border-bottom:3px solid #d4af37;
    padding-bottom:15px;
}

.legal-container h2{
    font-size:28px;
    color:#222;
    margin-top:45px;
    margin-bottom:18px;
}

.legal-container h3{
    font-size:22px;
    color:#444;
    margin-top:30px;
    margin-bottom:15px;
}

.legal-container p{
    margin-bottom:18px;
    text-align:justify;
}

.legal-container ul{
    margin:20px 0;
    padding-left:25px;
}

.legal-container ol{
    margin:20px 0;
    padding-left:25px;
}

.legal-container li{
    margin-bottom:10px;
}

.legal-container hr{
    border:none;
    border-top:1px solid #ddd;
    margin:45px 0;
}

.legal-container strong{
    color:#222;
}

.legal-container a{
    color:#0b63c5;
    text-decoration:none;
}

.legal-container a:hover{
    text-decoration:underline;
}

/* Table of Contents */

.legal-menu{
    background:#f7f7f7;
    border:1px solid #e5e5e5;
    padding:25px;
    margin-bottom:40px;
    border-radius:8px;
}

.legal-menu h3{
    margin-top:0;
    margin-bottom:15px;
}

.legal-menu ul{
    list-style:none;
    padding:0;
    margin:0;
}

.legal-menu li{
    margin-bottom:8px;
}

.legal-menu a{
    color:#333;
}

.legal-menu a:hover{
    color:#d4af37;
}

/* Mobile */

@media(max-width:768px){

    .legal-container{
        padding:0 15px;
    }

    .legal-container h1{
        font-size:30px;
    }

    .legal-container h2{
        font-size:24px;
    }

    .legal-container h3{
        font-size:20px;
    }

}