/* for crowd.php */

@media screen and (max-width:5000px) { .child { position:fixed; top:50%;  transform:translateY(-50%) } .tripleicon, .tripleicongreen { font-size:14em; padding-bottom:40px } .tripletype { font-size:20px } h3 { font-size:28px } .monster { font-size:1280px } }
@media screen and (max-width:1400px) { .child { position:fixed; top:50%;  transform:translateY(-40%) } .tripleicon, .tripleicongreen { font-size:13em; padding-bottom:30px } .tripletype { font-size:18px } h3 { font-size:24px } .monster { font-size:1024px } }
@media screen and (max-width:980px) { .child { position:relative; margin-top:10%; transform:translateY(0%) } .tripleicon, .tripleicongreen { font-size:12em; padding-bottom:25px } .tripletype { font-size:19px } h3 { font-size:25px } .monster { font-size:1024px } }
@media screen and (max-width:480px) { .child { position:relative; margin-top:10%; transform:translateY(0%) } .tripleicon, .tripleicongreen { font-size:11em; padding-bottom:20px } .tripletype { font-size:16px } h3 { font-size:22px } .monster { font-size:640px } h3 { display:inline-block } }

.tripleicon, .tripleicongreen { color:#ddd; opacity:0.8 }
.tripleicon:hover { color:#ff6b59; opacity:0.3 }
.tripleicongreen:hover { color:#0C6 }
.tripletype { font-family:'Open Sans', sans-serif }	
.tripletype a:hover { text-decoration:none; color:#06C }
.triplepad { padding:4% }

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