/* TYPED */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}



/* MAIN STYLES */
.container-fluid {
	/*min-width: 390px;*/
}

@font-face {
    font-family: Haversham;
    src: url('../font/Haversham.ttf');
}

.sourcecode {
	font-family: 'Source Code Pro', monospace;
}

body {
    font-family: 'VT323', monospace;
    font-size: 20px;
    line-height: 1.5em;
    /*background-color: red;*/
}

#menu {
	position:fixed;
	top:0px;
	width:100%;
	background-color:#FFF;
	color: #000;
	z-index:9999;
	display: none;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	font-size: 2em;
}

#menu img {
	position: absolute;
	top:25px;
	right:40px;
}

#menu #submenu img {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-moz-transform: rotate(180deg); /* Firefox */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
	-o-transform: rotate(180deg); /* Opera */
}

#smallmenu, #submenu {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#submenu {
	display: none;
	background-color: #cecece;
}

#submenu ul{
	list-style: none;
}

#submenu li {
	margin:40px 0;
}

#submenu li a {
	text-decoration: none;
	color: #0000FF;
}

#submenu li a.current {
	color: black;
}

.header {
	width:calc(100% + 30px);
	min-height: 80vh;
	background: url("../img/header_back.gif") no-repeat left bottom; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*padding-top: 48.75%;*/
	margin-left: -15px;
	margin-right: -55px;
	overflow: hidden;
}

.headerfront{
	background-image: url("../img/header_front.gif");
	background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
    min-height: 80vh;
}

.headerfront .headerwriting {
	position:absolute;
	top:20vw;
	bottom:0;
	left:10%;
	height:1em;
	padding-left: 0.2em;
	margin-top: -0.75em;
	margin-right:20px;
	padding-top: 0.6em;
	font-size: 3em;
	line-height: 1em;
	color:blue;
	padding-right: 30px;
}

a.anchor {
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden;
}

.bothmargined {
	margin-left: -15px;
	margin-right: -15px;
	padding-left:40px;
	padding-right:40px;
}

.firsttwobars, .firsttwobars .row {
	height:100%;
	min-height:100%;
	padding-top: 0;
	z-index:0;
}

.halfcol {
	width:50%;
	float:left;
	display: inline-block;
}

.rightbordered {
	border-right:1px solid black;
	z-index: 100;
}

.fullheight {
	height:100%;
	min-height:100%;
	padding-top: 100%;
}

.verticalline {
	height:100%;
	width:1px;
	margin-left: 50%;
	background-color: red;
}



.red {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: red;
	/*border: 3px solid red;*/
}

.blue {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: blue;
	/*border: 3px solid blue;*/
}

.green {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: green;
	/*border: 3px solid green;*/
}

.yellow {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: yellow;
	/*border: 3px solid yellow;*/
}

.pink {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: pink;
	/*border: 3px solid pink;*/
}



.bordered {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	/*border: 3px solid red;*/
	border-left:1px solid black;
	z-index: 100;
}
.whitebordered {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	/*border: 3px solid red;*/
	border-left:1px solid white;
}

.nopadding {
	padding: 0;
}

.nomargin{
	margin:0;
}

.date {
	font-size: 1.1em;
}

.arobase {
	font-family: Haversham;
}

.popupcol {
	
}

.popup1, .popup2 {
	width:100%;
	height:170px;
	font-size: 1.2em;
	z-index: 30;
	margin-top: calc(100% - 85px);
	max-width: 480px;
}

.popupcopy {
	display: block;
	padding-top: 50px;
	width:100%;
	text-align: center;
}

.popup1 .buttons, .popup2 .buttons {
	width:100%;
	text-align: center;
	margin-top: 20px;
}

.edito {
	/*padding-left: 40px;*/
	font-size:1.1em;
}

.tadbigger {
	font-size:1.1em;
}

.bitbigger {
	font-size:1.4em;
	line-height:1.4em;
}

.grey {
	color: #8c8c8c;
}

.greybg {
	background-color: #cecece;
}

.underline {
	text-decoration: underline;
}

.lotbigger {
	font-size:2.6em;
}

.muchbigger {
	font-size:2.8em;
}

button {
  	border: 2px solid;
    border-bottom-color: #444;
    border-right-color: #444;
    border-left-color: #f5f5f5;
    border-top-color: #f5f5f5;
    background-color: #bfbfbf;
    line-height: 0;
    padding: 1px;
}

.popup1 button.main, .popup2 button.main {
	width:170px;
	height:40px;
}

button.close {
	margin-top: 10px;
	float: right;
	clear: both;
	margin-right:10px;
	width:20px;
	height:20px;
	font-size:18px;
}

#modemnote {
	width:100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.interscroller {
	position: relative;
	/*opacity: 0.65;*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../img/interscroller_bg.png");
	min-height: 500px;
	z-index: -2;
	margin-left: -210px;
	margin-right: -55px;
	padding: 0;
	overflow: hidden;
}

.pixelbg {
	background-image: url('../img/bg_tile.jpg');
}

#sunscreen {
    font-size: 1.2em;
}

.hidden {
	visibility: hidden;
}



.ladiesandgentlemen {
	font-size: 1.1em;
}

.lotbigger, .muchbigger {
	line-height: -10em;
}


.sunscreentitle {
	color: blue;
	font-size: 4.4em;;
	line-height: 0.5em;
	margin-top: 3%
}

.alignright {
	text-align: right;
}

.sunscreenimg {
	width:100%;
	background:url('../img/sunscreen.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:148.65%;
    clear:both;
    margin-top: -28%;
}

.ificould {
	margin-top: -46%;
}

.wouldbeit {
	margin-top: -33%;
}

.longtermbg {
	background-color: rgb(253,199,8);
	margin-top: -20%;
	opacity: 1;
	padding-top: 17%;
}

.longterm {
	margin-top: -20%;
}

.longterm p{
	margin-top: 1vw;
	margin-left: -70px;
	font-size: 1.7vw;
	line-height: 1.5em;
	padding-left: 20px;
}

.dispense p{
	margin-top: -4%;
	margin-left: -70px;
	font-size: 1.7vw;
	line-height: 1.5em;
	padding-left: 20px;
}

.noah {
	width:100%;
	background: url('../img/noah.gif');
    background-size: 100% auto;
	background-repeat: no-repeat;
    padding-top:75.490196078%;
}

.timer {
	width:100%;
	background: url('../img/timer.gif');
    background-size: 100% auto;
	background-repeat: no-repeat;
    padding-top:75.934959349%;
}

.youryouth {
	color: #ff00ff;
	font-size: 7vw;
	line-height: 7vw;
	margin-top: -6%;
}

.nevermind {
	margin-top: 4%;
}

.nevermind, .dontworry {
	font-size: 1.4vw;
	line-height: 2.6vw;
}

.dontworry {
	padding-right: 6%;
}

.jordy {
	width:100%;
	background:url('../img/jordy.gif');
    background-size: 100% auto;
	background-repeat: no-repeat;
    padding-top:149.874686717%;
    opacity: 0.75;
}

.notasfat {
	font-size: 7vw;
	line-height: 7vw;
	margin-top: -40%;
}

.notemphasis {
	color: blue;
	text-decoration: underline;
}

.dontworry {
	margin-top: -20%;
}

.doonething {
	font-size: 2vw;
	line-height: 1.5em;
	margin-bottom: 7%;
}

.corden {
	width:100%;
	background:url('../img/corden.gif');
    background-size: 100% auto;
	background-repeat: no-repeat;
    padding-top:58.888888888%;
	margin-top: 10%;
}

.sing {
	width:100%;
	background:url('../img/sing.gif');
    background-size: 100% auto;
	background-repeat: no-repeat;
    padding-top:58.888888888%;
	margin-top: -60%;
}

.imessage {
	background:url('../img/imessage.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:24.876441515%;
    margin-top: 30%;
}

.sms {
	background:url('../img/sms.gif');
    background-size: contain;
	background-repeat: no-repeat;
    padding-top:35.58%;
    margin-top: -50%;
}

.floss {
	width: 100%;
	background:url('../img/floss_lg.gif');
    background-size: 100%;
	background-repeat: no-repeat;
    padding-top:12.986%;
}

.jealousy, .withyourself {
	font-size: 1.5vw;
}

.race {
	width: 100%;
	background:url('../img/race.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:44.967880085%;
}

.complimentsbg {
	background-color: #ff00ff;
	opacity: 1;
	padding-top: 10%;
}

.compliments {
	margin-top: -15%;
	padding-top: 5%;
	line-height: 1em;
}

.compliments p{
	margin-left: -70px;
	font-size: 1.7vw;
	line-height: 0.5em;
	padding-left: 20px;
}

.complimentssmallscript {
	font-size: 1.2vw;
	margin-top: -1%;
}

.emoji {
	width: 100%;
	background:url('../img/emoji.gif');
    background-size: 100% auto;
	background-repeat: no-repeat;
    padding-top:70%;
    margin-top: 30%;
}

.loveletters {
	margin-top: 1%;
}

.loveletters p{
	font-size: 1.7vw;
	line-height: 0.5em;
	padding-left: 20px;
}

.stretch {
	width: calc(100% + 55px);
	background:url('../img/stretch.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: right center;
    padding-top:10.579150579%;
}



.milk {
	width: 100%;
	background:url('../img/milk.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:93.583535109%;
}

.dontfeelguilty {
	margin-top: -50%;
	font-size: 1.4vw;
	line-height: 2.6vw;
}

.blackstuck, .pinkstuck {
	font-size: 1.5vw;
	line-height: 0.6em;
}

.pinkstuck {
	color: #ff00ff;
	margin-top: -1.5vw;
}

.blackstuck:last-child {
	line-height: 2.6vw;
}

.drake {
	width: 100%;
	background:url('../img/drake.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:93.583535109%;
    z-index: -10;
}

.dance {
	color: #ff00ff;
	font-size: 16vw;
	margin-top: -55%;
}

.evenif {
	color:blue;
	font-size: 5.5vw;
	line-height: 1em;
	margin-top: -15%;
}

.enjoycol {
	margin-top: -48%;
}

.enjoyyourbody {
	color: #ff00ff;
	font-size: 4vw;
}

.drakesize {
	font-size: 1.4vw;
	line-height: 2.6vw;
}

.readthedirections {
	text-align:center;
	font-size: 2vw;
}

.sign {
	width:100%;
	background:url('../img/sign.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:60.899653979%;
    margin-left: -80px;
    margin-bottom: 100px;
    z-index:1;
}

.dontfollow {
	margin-top: -49%;
	font-size: 2vw;
}

.vogue {
	width:100%;
	background:url('../img/vogue.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:136.561264822%;
    margin-left: -80px;
    margin-bottom: 100px;
    z-index:1;
}

.donotread {
	text-align:right;
	font-size: 3.2vw;
	line-height: 0.1vw;
	padding-right: 5vw;
	margin-top: -67.3%;
}

.gettoknow {
	font-size: 1.3vw;
	line-height: 2.2vw;
	margin-top: -40%;
}

.ny {
	width:100%;
	background: url('../img/ny.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:100%;
}

.sf {
	width:100%;
	background:url('../img/sf.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:100%;
    margin-top:-40%;
}

.liveinnocal {
	margin-top: -12%;
}

.liveinnocal, .liveinny, .accept, .accept br  {
	font-size: 1.8vw;
	line-height: 2.5vw;
	position: relative;
    z-index: 10;
}

.travel {
	width:100%;
	background: url('../img/travel.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:41.959334565%;
    margin-top: -20%;
    position: relative;
}

.trump {
	width:100%;
	background:url('../img/trump.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    padding-top:100%; 
}

.accept {
	margin-top: -40%; 
} 

.andwhenyoudo {
	margin-top: -9%;
	font-size: 1.3vw;
	line-height: 2.2vw;
}

.respectyourelders {
	font-size: 3.5vw;
	padding: 20px 10px; 
	background-color: #0033ff;
}

.respectyourelders p {
	margin-top:5px;
}

#your {
	color: white;
	text-align:center;
	margin-top: -5%;
}

#elders {
	margin-top: 20%;
	text-align: right;
	margin-bottom:10px;
	z-index: 10;
	position: relative;
}

.dontexpect p {
	font-size: 1.7vw
}

.unicorn {
	width:100%;
	background:url('../img/unicorn.gif');
    background-size: 100% 100%;
	background-repeat: no-repeat;
    background-blend-mode: multiply;
    padding-top:83.234714003%;
    margin-top: -20%;
    z-index: -1;
    position: relative;
}

.becarefulbg {
	background-color: rgb(253,199,8);
	margin-top: -2%;
	opacity: 1;
	padding-top: 12%;
}

.becareful p{
	margin-top: -25%;
	margin-left: -70px;
	font-size: 1.7vw;
	line-height: 1.5em;
	padding-left: 20px;
}

.advice {
	font-size: 1.7vw
}

.trustme {
	color: rgb(253,199,8);
	font-size: 9vw;
	line-height: 7vw;
	position: relative;
	z-index: 10;
	margin-top: 12%;
}

.bottletop {
	width:100%;
	background: url('../img/bottletop.gif');
    background-size: 100% auto;
	background-repeat: no-repeat;
    padding-top:168.899521531%;
    margin-top: -165%;
    position: relative;
    z-index: 1;
}

.reflink7, .reflink8 {
	cursor: pointer;
}

.ytrow {
	clear: left;
}


.youtubepanel {
	
}

.youtubepanel iframe{
	clear: both;
	margin: 10px;
	margin-bottom: 2px;
	width:calc(100% - 20px);
	height:30vw;
}

.youtubecredits {
	z-index: 100;
	text-align: center;
	color: blue;
	margin-top:-30%;
	text-decoration: underline;
}

.credit {
	color:#0000FF;
}

.credit .what a {
	color:#0000FF;
}

.credit .which {
	color: #838383;
	text-transform: uppercase;
}

.credit .when {
	color: #838383;
}

.ultimatecredit {
	margin-left: 15px;
	padding-bottom: 50px;
}

.refs ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

footer {
	background-color: black;
}

.bigbordered {
	border-left: 1px solid black;
}

.max100 {
	width:100%;
}

footer h2 {
	color:white;
	max-width:100%;
	font-weight: 100;
}

.removemargins {
	margin-left: -15px;
	margin-right: -15px;
}

footer h3 {
	margin-left: -15px;
	width:100%;
	text-align: center;
	color:white;
	font-weight: 100;
}

.subscribe, .creatorline1 {
	color: white;
}

.creator {
	padding-left: 15px;
	padding-right: 40px;
	margin-bottom: 40px;
}

.creatorline2 {
	color: blue;
}

.creator > a > img {
	width:100%;
}

footer .babysection {
	text-align: center;
	margin-left: -15px;
}

footer #babygif {
	min-width: 200px;
	max-width:30%;
	margin-bottom: 20px;
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 992px) {
	.popupcol {
		position: static;
	}

	.popup1 {
		position: static;
		width:100%;
		height:170px;
		font-size: 1.2em;
		z-index: 30;
		margin-top: 20px;
	}

	.ificould {
		margin-top: -43vw;
	}

	#modemnote {
		width:100%;
		position: static;
		top: 0;
		transform: none;
	}
	
	.ytrow {
		padding-bottom: 250px;
	}
}

/* MOBILE */
@media screen and (min-width: /*480*/ 0px) and (max-width: 767px) {

	.header {
		margin-right: -15px;
		max-height: 1vh;
		/*padding-right: 30px;*/
		min-height: 60vh;
	}

	#menu {
		padding-left: 0;
	}

	.headerfront{
		background-image: url("../img/header_front_mobile.gif");
	    margin-right: -40px;
	    background-position: right top;
	    -webkit-background-size: 90%;
		-moz-background-size: 90%;
		-o-background-size: 90%;
		background-size: 90%;
	}

	.headerfront .headerwriting {
		top:25vw;
		padding-left: 10%;
		font-size: 1.5em;
		line-height: 1em;
	}

	.bothmargined {
		margin-left: -15px;
		margin-right: -15px;
		padding-left:0px;
		padding-right:0px;
	}

	.bordered, .whitebordered {
		border:none;
	}

	.popupcol {
		position: static;
	}

	.popup1 {
		position: static;
		width:100%;
		height:170px;
		font-size: 1.2em;
		z-index: 30;
		margin-top: 20px;
	}

	.interscroller {
		margin-right: -15px;
	}

	.lotbigger, .muchbigger {
		line-height: .2em;
	}
	
	#modemnote {
		width:100%;
		position: static;
		top: 0;
		transform: none;
	}

	.ladiesandgentlemen {
		font-size: 1.1em;
		line-height: 10vw;
	}

	.sunscreentitle {
		font-size: 15vw;
		margin-top:15%;
		margin-bottom: 35%;
	}

	.sunscreenimg {
		margin-top: -20%;
	}

	.ificould {
		margin-top: -100vw;
		font-size: 5vw;
	}

	.wouldbeit {
		margin-top: -62vw;
		font-size: 5vw;
	}

	.longtermbg {
		margin-top: 20px;
		padding-top: 45vw;
	}

	.longterm {
		margin-top: -30%;
	}

	.longterm p{
		margin-top: -12vw;
		margin-left: -60px;
		font-size: 4.2vw;
		line-height: 1.5em;
		padding-left: 20px;
	}

	.dispense p{
		margin-top: 10px;
		margin-left: -60px;
		font-size: 4.2vw;
	}

	.youryouth {
		font-size: 14vw;
		line-height: 9vw;
	}

	.nevermind, .dontworry {
		font-size: 4.2vw;
		line-height: 1.5em;
	}

	.notasfat {
		font-size: 12vw;
		line-height: 12vw;
		margin-top: 12%;
	}

	.dontworry {
		margin-top: 12%;
	}

	.doonething {
		font-size: 6vw;
		line-height: 6vw;
		margin-top: -2%;
	}

	.corden {
		margin-top: 40%;
	}

	.sing {
		margin-top: -30%;
	}

	.sms {
	    margin-top: -65%;
	    margin-bottom: 30%;
	}

	.imessage {
	    margin-top: 30%;
	}


	.floss {
		margin-top:-10%;
		margin-bottom:-25%;
		width: 100%;
		background:url('../img/floss_sm.gif');
		background-size: 100%;
		background-repeat: no-repeat;
	    padding-top:18.29689298%;
	}

	.jealousy, .withyourself {
		font-size: 4.2vw;
		line-height: 1.5em;
	}

	.race {
		margin-top: -10%;
		margin-bottom: -10%;
	}

	.complimentsbg {
		padding-top: 37vw;
	}

	.compliments {
		margin-top: -44vw;
		padding-top: 5%;
	}

	.compliments p{
		margin-left: -60px;
		font-size: 6vw;
		line-height: 7vw;
		padding-left: 20px;
	}

	.complimentssmallscript {
		font-size: 3.5vw;
		margin-top: -1%;
	}

	.loveletters {
		margin-top: -3%;
	}

	.loveletters p{
		font-size: 6vw;
		line-height: 7vw;
	}

	.emoji {
		margin-top: -5%;
	}

	.stretch {
		width: calc(100% + 15px);
		margin-top: -5%;
		margin-bottom: 22%;
	}

	.dontfeelguilty {
		margin-top: -110%;
		font-size: 4.2vw;
		line-height: 6vw;
		margin-bottom: 65%;
	}

	.blackstuck, .pinkstuck {
		font-size: 4.2vw;
		line-height: 4vw;
	}

	.pinkstuck {
		margin-top: -6.2vw;
	}

	.blackstuck:last-child {
		font-size: 4.2vw;
		line-height: 6vw;
	}

	.drake {
		margin-top:70%;
	}

	.dance, .evenif {
		margin-left: -2vw;
	}

	.dance {
		font-size: 30vw;
		margin-top: -65%;
	}

	.evenif {
		font-size: 10vw;
		line-height: 1em;
		margin-top: -5%;
	}
	
	.enjoycol {
		margin-top: -152%;
	}

	.enjoyyourbody {
		font-size: 10vw;
		margin-top: 5%;
	}

	.drakesize {
		font-size: 4.2vw;
		line-height: 6vw;
	}

	.readthedirections {
		font-size: 6vw;
		line-height: 7vw;
	}

	.dontfollow {
		margin-top: -15%;
		font-size: 6vw;
		line-height: 7vw;
		text-align: center;
	}

	.vogue {
	    margin-left: 0px;
	    /*margin-bottom: 100px;*/
	    margin-top: 45vw;
	}

	.donotread {
		text-align:left;
		font-size: 9.2vw;
		line-height: 0.1vw;
		padding-right: 5vw;
		margin-top: -190%;
	}

	.gettoknow {
		font-size: 4.2vw;
		line-height: 6vw;
		margin-top: -40%;
	}

	.sf {
	    margin-top:0;
	}

	.liveinnocal {
		margin-top: 0;
	}

	.travel {
		margin-bottom: 10%;
	}

	.liveinnocal, .liveinny, .accept, .accept br  {
		font-size: 6vw;
		line-height: 7vw;
	}

	.accept {
		margin-top: 5%;
	}

	.andwhenyoudo {
		margin-top: 3%;
		font-size: 4.2vw;
		line-height: 6vw;
	}

	.respectyourelders {
		font-size: 8vw;
		line-height: 7vw;
		margin-bottom: 10%;
	}

	#your {
		margin-top:-15px;
	}

	#elders {
		margin-top: 26%;
		text-align: right;
		margin-bottom:10px;
		z-index: 10;
		position: relative;
	}

	.dontexpect p {
		font-size: 4.2vw;
		line-height: 6vw;
	}

	.dontmess {
		margin-top: 10%;
	}

	.unicorn {
		width:100%;
	    padding-top:83.234714003%;
	    margin-top: -35%;
	    z-index: -1;
	    position: relative;
	    margin-left: -15px;
	}

	.becarefulbg {
		margin-top: 16%;
		padding-top: 40%;
	}

	.becareful p{
		margin-top: -45%;
		font-size: 6vw;
		line-height: 7vw;
		margin-left: -60px;
	}

	.advice {
		font-size: 4.2vw;
		line-height: 6vw;
	}

	.trustme {
		font-size: 13vw;
		line-height: 10vw;
	}











	

	.ytrow {
		padding-bottom: 150px;
	}

	.youtubepanel iframe{
		height:50vw;
	}

	.youtubecredits {
		position: static;
		z-index: 1;
		text-align: center;
		color: blue;
	}

	footer {
		margin-left:-15px;
	}

	.bigbordered {
		border-left: none;
	}

	.smallbordered {
		/*border-left: 1px solid black;*/
	}

	footer h2{
		/*padding-left: 15px;*/
	}

	.max100 {
		width:100%;
		padding-left: 30px;
	}

	footer h3 {
		font-size: 1em;
	}

	#aloveletter{
		line-height: 0.5em;
	}

	.trustme {
		margin-top: 35%;
	}

	#aloveletter {
		font-size: 2em;
	}
		
}
@media screen and (min-width: /*480*/ 0px) and (max-width: 500px) {
	#menu {
		text-align: left;
		padding-left: 0px;
		font-size: 1.2em;
	}

	#smallmenu {
		padding-left: 15px;
	}

	#menu img {
		position: absolute;
		top:19px;
		right:40px;
		width:14px;
		height:auto;
	}
}