html { border-right: 20px solid #fff; }
body { border-right: 50px solid #990000; }
@media all and (max-width: 480px) {
 html { border-right: 5px solid #fff; }
 body { border-right: 5px solid #990000; }
}
@media all and (min-width: 480px) and (max-width: 768px) {
 html { border-right: 10px solid #fff; }
 body { border-right: 10px solid #990000; }
}

#content75percent {
 width: 75%;
 margin: auto;
 font-size: 1em;
 line-height: 1.5;
 font-family: 'Open Sans', sans-serif;
}

.fullscreenlaw {
 margin: 0 auto;
 width: 100%;
 /* Preserve aspect ratio */
 min-width: 100%;
 min-height: 100%;
 max-width: 1800px;
 height: 100vh;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 background: url(../images2/sg1.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 z-index: 1;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

.fullscreenlaw:after {
 content: '';
 background: transparent url(../Images/overlays/01.png) repeat top left;
 top: 0; 
 left: 0;
 bottom: 0;
 right: 0;
 position: absolute;
 opacity: 0.7;
 z-index: -1;
}

h15aoe {
 padding-bottom: 0.05em;
 background: none;
 text-align: left;
 font-family: arial, sans-serif;
 font-size: 1.4em;
 font-style: regular;
 font-weight: bold;
 color: black;
 text-transform: uppercase;
 display: block;
 line-height: 1.8;
}


.slltop {
 padding: 3px;
 border: none;
 font-family: 'Josefin Sans', sans-serif;
 color: white;
 text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 20px #fff, 0 0 10px #7d26cd, 0 0 50px #7d26cd;
 font-weight: 700;
 font-size: 4vw;
 line-height: 1.5;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 background: transparent;
}

.sll {
 padding: 3px;
 border: none;
 font-family: 'Josefin Sans', sans-serif;
 color: white;
 text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 20px #fff, 0 0 10px #7d26cd, 0 0 50px #7d26cd;
 font-weight: 700;
 font-size: 6vw;
 line-height: 1.5;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 background: transparent;
}

.headingone {
 margin: 0;
 font-size: 2vw;
 text-transform: uppercase;
 text-align: center;
 vertical-align: middle;
 font-family: "Josefin Sans", sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.8;
 letter-spacing: 0.5vw;
 margin-right: -0.5vw;
 color: #ffffff;
 padding-top: 5px;
 padding-bottom: 5px;
}

.heading-insights {
 margin: 0;
 font-size: 1.5vw;
 text-transform: uppercase;
 text-align: left;
 vertical-align: middle;
 font-family: "Josefin Sans", sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.5;
 color: #ffffff;
 background: #990000;
 padding: 10px;
}

.heading-article {
 margin: 0;
 font-size: 1.5vw;
 text-align: left;
 vertical-align: middle;
 font-family: "Josefin Sans", sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.8;
 color: #000000;
 padding-top: 10px;
 padding-bottom: 10px;
}

.headingtwo {
 margin: 0;
 font-size: 2vw;
 text-transform: uppercase;
 text-align: center;
 vertical-align: middle;
 font-family: "Josefin Sans", sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.2;
 color: #990000;
 padding-top: 15px;
 padding-bottom: 15px;
}

/* phone landscape and smaller */
@media all and (max-width: 480px) {
 .headingone { font-size: 20px; }
 .heading-insights { font-size: 20px; }
 .heading-article { font-size: 20px; }
 .headingtwo { font-size: 18px; }
 .profilepic img {
 width: 100%;
 }
}
/* tablet */
@media all and (min-width: 480px) and (max-width: 768px) {
 .profilepic img {
 width: 100%;
 }
}
/* tablet landscape */
@media all and (min-width: 768px) and (max-width: 1024px) {
 .profilepic img {
 width: 80%;
 }
}
/* desktop */
@media all and (min-width: 1024px) and (max-width: 1280px) {
 .profilepic img {
 width: 50%;
 }
}

div title-m {
 margin: 0;
 font-size: 5vw;
 text-transform: uppercase;
 text-align: center;
 vertical-align: middle;
 font-family: "Josefin Sans", sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.8;
 letter-spacing: 1vw;
 margin-right: -1vw;
}

.background-dark title-m {
 color: #ffffff;
}

.background-dark title-m:hover {
 color: #ffffff;
 text-shadow: 0 0 10px #ffffff;
}

.background-light title-m {
 color: #000000;
}

div title-sm {
 margin: 0;
 font-size: 3vw;
 text-transform: uppercase;
 text-align: center;
 vertical-align: middle;
 font-family: "Josefin Sans", sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.8;
 letter-spacing: 1vw;
 margin-right: -1vw;
}

.background-dark title-sm {
 color: #ffffff;
}

.background-dark title-sm:hover {
 color: #ffffff;
 text-shadow: 0 0 10px #ffffff;
}

.background-light title-sm {
 color: #000000;
}

.background-dark {
 background: #000000;
}

.background-light {
 background: #ffffff;
}

div title-xsm {
 margin: 0;
 font-size: 2vw;
 text-transform: uppercase;
 text-align: center;
 vertical-align: middle;
 font-family: "Josefin Sans", sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.8;
 letter-spacing: 1vw;
 margin-right: -1vw;
}

.background-dark title-xsm {
 color: #ffffff;
}

.background-dark title-xsm:hover {
 color: #ffffff;
 text-shadow: 0 0 10px #ffffff;
}

.background-light title-xsm {
 color: #000000;
}

.wa a {
 border: none;
 margin: auto;
 position: fixed;
 bottom: 20px;
 right: 29px;
 z-index: 100;
 padding: 1px 2px;
 display: inline-block;
 text-align: center;
 text-decoration: none;
 background: transparent;
}
.wa a:hover,
.wa a:active {
 -webkit-animation: bouncedd 1.0s -0.4s infinite;
 animation: bouncedd 1.0s -0.4s infinite;
}
@-webkit-keyframes bouncedd {
 8% { transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 1; }
 10% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes bouncedd {
 8% { transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 1; }
 20% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; }
}
@media all and (min-width: 480px) and (max-width: 768px) {
 .wa a { bottom: 2px; right: 20px; }
}