/* for 3 huge icons dominating one page */

.bkgdtxt {
    position: fixed;
    bottom: 0px;
    left: 50px;
    color: #FF6B59;
    opacity: 0.08;
}

.bkgdright {
    position: fixed;
    bottom: 0px;
    right: -100px;
    color: #FF6B59;
    opacity: 0.08;
}

a.jobber,a.jobber:visited { color: #ddd; opacity:0.8 }
a.jobber:hover { color: #ff6b59; opacity:0.8 }
a.jobber:active { color: #6c0 }

a.placement,a.placement:visited { color: #6c0 }
a.placement:hover { color: #ff6b59 }
a.placement:active { color: blue }

.text-center { text-align:center }
.triplepad { padding:4% }
.tripletext { text-align:center; font-family:'Open Sans', sans-serif }

#bigtopper { font-size:48px; padding-bottom:25px }

h3 { font-family:'Source Sans Pro', sans-serif }

.typeform-widget { margin-top:10% }

@media screen and (max-width:5000px) { .child { position:fixed; top:50%;  transform:translateY(-50%) } .tripleicon, .tripleicongreen { font-size:16em; padding-bottom:40px } .enhanced { font-size:17em; padding-bottom:15px } .tripletext { font-size:20px } h3 { font-size:36px } .monster { font-size:1080px } .intimidator { font-size:860px } }

@media screen and (max-width:1400px) { .child { position:fixed; top:45%;  transform:translateY(-40%) } .tripleicon, .tripleicongreen { font-size:15em; padding-bottom:30px } .enhanced { font-size:16em } .tripletext { font-size:18px } h3 { font-size:32px } .monster { font-size:960px } .intimidator { font-size:720px } }

@media screen and (max-width:980px) { .child { position:relative; margin-top:10%; transform:translateY(0%) } .tripleicon, .tripleicongreen { font-size:15em; padding-bottom:25px } .enhanced { font-size:16em } .tripletext { font-size:21px; padding-left:15%; padding-right:15% } h3 { font-size:32px } .monster { font-size:1200px } .intimidator { font-size:720px } .bkgdtxt { right:0px; /* ORIG: left: -250px */ color: #ffc3bc } .bkgdright { color: #ffd2cd } #bigtopper { font-size:42px; padding-bottom:20px } }

@media screen and (max-width:480px) { .child { position:relative; margin-top:10%; transform:translateY(0%) } .tripleicon, .tripleicongreen { font-size:11em; padding-bottom:20px } .enhanced { font-size:12em } .tripletext { font-size:16px; padding-left:5%; padding-right:5% } h3 { font-size:28px } .monster { font-size:640px } .intimidator { font-size:480px } h3 { display:inline-block } #bigtopper { font-size:36px; padding-bottom:20px } }