p.spacer { padding: 15px; } iframe, video { width: 560px; height: 315px; } a, a:link, a:visited, a:active { text-decoration: none; color: #de9f0d; } a.nav-link:hover, a:hover { border: 0 !important; text-decoration: none; color: #ffb3b3; font-weight: bold; cursor: pointer; } a.social-link, a.social-link:link, a.social-link:visited, a.social-link:active { padding: 5px; text-align: center; text-decoration: none; color: #7b3085; } a.social-link:hover { opacity: 0.7; } .offcanvas { background-color: #990099; width: 30% !important; } .tab { overflow: hidden; border: 1px solid #a37ca0; background-color: #f8ddf5; } .tab button { background-color: inherit; color: #de9f0d; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } .tab button:hover { background-color: #a37ca0; } .tab button.active { background-color: #c89ace; color: #f1eee7; font-weight: bold; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } h1, h2, h3, h4 { margin: 10px; } p { font-family: Verdana, Helvetica, sans-serif; font-size: 14px; } img.faithbuilding1 { height: 300px; width: 430px; } img.faithqr { height: 150px; width: 150px; } @media only screen and (max-width: 700px) { .col { float: left; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%; } .row { width: 93%; } a.navbar-brand { font-size: 10px; } p.spacer { padding: 25px; } iframe, video { width: 250px; height: 115px; } p, li { width: 90%; font: 12px Verdana, Helvetica, sans-serif; margin: 2%; word-wrap: break-word; } img.faithbuilding1 { height: 100px; width: 170px; } } .tab { overflow: hidden; border: 1px solid #a37ca0; background-color: #f8ddf5; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } .tab button:hover { background-color: #a37ca0; } .tab button.active { background-color: #c89ace; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; }