* { margin: 0; padding: 0; }

html {
        background: white;
        }

body {
        font-family: Verdana, Arial, sans-serif;
        font-size: 100%;
        text-align: left;
        height:100%;
        }


.p6 { margin-top: 6px;}
.p8 { margin-top: 8px;}
.p10 { margin-top: 10px;}
.p12 { margin-top: 12px;}
.p12m { margin-top: 2vw;}
.p16 { margin-top: 16px;}
.p16m { margin-top: 2.6vw;}
.p20 { margin-top: 20px;}
.p24 { margin-top: 24px;}
.p32 { margin-top: 32px;}
.p36 { margin-top: 36px;}
.p36m { margin-top: 6vw;}
.p48 { margin-top: 48px;}
.p72 { margin-top: 72px;}
.p72m { margin-top: 12vw;}


.txt-white { color: white; }
.txt-black { color: #111; }
.txt-skyblue { color: #012A69; }
.txt-sun { color: #FF9454; }
.txt-jaffa { color: #FF9911; }
.txt-eggyolk{ color: #FFC000; }
.txt-stormy{ color: #071227; }
.txt-dangerred{ color: #DE142C; }
.txt-darkred{ color: #AC0E24; } 

.bg-white { background-color: white; }
.bg-black { background-color: #111; }
.bg-skyblue { background-color: #012A69; }
.bg-sun { background-color: #FF9454; }
.bg-jaffa { background-color: #FF9911; }
.bg-eggyolk{ background-color: #FFC000; }
.bg-stormy { background-color: #071227; }
.bg-dangerred{ background-color: #DE142C; } 
.bg-darkred{ background-color: #AC0E24; }
.bg-silver{ background-color: #8E9FB3; }


.width100 {width:100%;}
.width90 {
	width :90%;
	margin-left:auto;margin-right:auto;
	}
.width80 {
	width :80%;
	margin-left:auto;margin-right:auto;
	}
.width50 {
	width :50%;
	margin-left:auto;margin-right:auto;
	}

.centretext { text-align: center; }




h1 {
	font-size: 38px;
    font-size: 1.9vw;
    font-weight: 400;    
    font-family:'Bebas Neue', Verdana, Arial, sans-serif;
    color:#111;
	line-height:40px;
    }


h2 {
    font-size:24px;
	font-size: 1.35vw;
    font-weight: 400;
    font-family:'Source Sans Pro', Verdana, Arial, sans-serif;
    color:#333;
	line-height:30px;
	line-height:2vw;
    }


.likeh1 {
	font-size: 38px;
    font-size: 1.9vw;
    font-weight: 400;    
    font-family:'Bebas Neue', Verdana, Arial, sans-serif;
	line-height:40px;
	}
.likeh1m {
	font-size: 60px;
    font-size: 4vw;
    font-weight: 400;    
    font-family:'Bebas Neue', Verdana, Arial, sans-serif;
	line-height: 70px;
	line-height: 4.4vw;
	}


.likeh2 {
    font-size:24px;
	font-size: 1.3vw;
    font-weight: 400;
    font-family:'Source Sans Pro', Verdana, Arial, sans-serif;
	line-height:30px;
	line-height:2vw;
    }
.likeh2m {
    font-size:48px;
	font-size: 3.2vw;
    font-weight: 400;
    font-family:'Source Sans Pro', Verdana, Arial, sans-serif;
	line-height:60px;
	line-height:3.8vw;
    }


.likeh3 {
    font-size:20px;
	font-size: 1.32vw;
    font-weight: 400;
    font-family:'Source Sans Pro', Verdana, Arial, sans-serif;
	line-height:40px;
	line-height:2.6vw;
    }


.likeh4 {
    font-size:30px;
	font-size: 1.8vw;
    font-weight: 400;
    font-family:'Bebas Neue', Verdana, Arial, sans-serif;
	line-height:30px;
	line-height:2vw;
    }


.likeh5 {
    font-size:10px;
	font-size: 0.9vw;
    font-weight: 400;
    font-family:'Source Sans Pro', Verdana, Arial, sans-serif;
	line-height:20px;
	line-height:1.8vw;
    }



a:link {
	color: inherit;
	text-decoration:none;
	}

a:visited {
  	color: #555;
	}

a:hover {
  	color: #DE142C;
	}

a:active {
  	color: #FF896A;
	}




.clearfix:before,
.clearfix:after {
   	content: '\0020';
   	display: block;
   	overflow: hidden;
   	visibility: hidden;
   	width: 0;
   	height: 0;
	}
.clearfix:after { clear: both; }
.clearfix {}


.clickable {border:0;}
.clickable:hover{cursor:pointer;}

.brightable{opacity:.5;}
.brightable:hover{opacity:1;}

.dimmable {opacity:1;}
.dimmable:hover{opacity:.5;}

.borderable {border:1px solid white;}
.borderable:hover{border:1px solid gray;}




.burger {
	cursor: pointer;
	padding-top: 3vw;	
	width: 7%;
	}

.bar1, .bar2, .bar3 {
  	width: 100%;
  	height: 1vw;
  	background-color: #A00;
	margin-top: 1vw;
	}
     

.mobilemenuitem {width:20%;display:inline-block;text-align:center;}

 
#headertext {
    font-size:48px;
	font-size: 2.1vw;
    font-family:Inter, Verdana, Arial, sans-serif;
    color:#222;
    }
#headermobile {
    font-size:60px;
	font-size: 4.2vw;
    font-family:Inter, Verdana, Arial, sans-serif;
    color:#222;
	padding-left:5%;
	padding-top: 4vw;
	padding-bottom: 4vw;
    }




.mylist {
    font-size:20px;
	font-size: 1.2vw;
    font-weight: 300;
    font-family:'Source Sans Pro', Verdana, Arial, sans-serif;
	line-height:30px;
	line-height:1.9vw;
	list-style-position:inside;
    }
.mylistm {
    padding-left:5%;
	font-size:30px;
	font-size: 3.2vw;
    font-weight: 300;
    font-family:'Source Sans Pro', Verdana, Arial, sans-serif;
	line-height: 40px;
	line-height: 4.2vw;
	list-style-position:outside;
    }

li{
  	margin: 10px 0;
	margin: 0.6vw 0;
	}

.topcorner {
	position:absolute;
	left: 0px;
	top: 0px;
	}




.largebox {
        height: 38px;
		height: 2vw;
        font-family: 'Source Sans Pro', Verdana, Sans-Serif;
        font-size:20px;
		font-size: 1.2vw;
    	font-weight: 300;
        color : #222;
        padding-left:10px;
        border: 1px solid #222;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        }

.largeboxm {
        height: 80px;
		height: 5vw;
        font-family: 'Source Sans Pro', Verdana, Sans-Serif;
        font-size: 40px;
		font-size: 2.2vw;
    	font-weight: 300;
        color : #222;
        padding-left:10px;
        border: 1px solid #222;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        }


.largearea {
        height: 100px;
		height: 6vw;
        font-family: 'Source Sans Pro', Verdana, Sans-Serif;
        font-size:20px;
		font-size: 1.2vw;
    	font-weight: 300;
        color : #222;
        padding-left:10px;
        border: 1px solid #222;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        }

.largeaream {
		height: 16vw;
        font-family: 'Source Sans Pro', Verdana, Sans-Serif;
		font-size: 2.2vw;
    	font-weight: 300;
        color : #222;
        padding-left:10px;
        border: 1px solid #222;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        }

        
#emailerror {
        width:60%;
        height:40px;
        font-family:'Source Sans Pro', Verdana, sans-serif;
        color:red;
        font-size:18px;
        font-size:1vw;
        display:none;
        }




.cssbutton {
        font-size: 20px;
		font-size: 1.2vw;
        font-weight: 300;
        font-family: 'Bebas Neue', Verdana, sans-serif;
        text-align: center;
        padding: 8px 3vw 8px 3vw;
        border: 1px solid white;
        line-height: 18px;
		line-height: 1.4vw;
        border-radius: 8px 8px 8px 8px;
        }
.cssbuttonm {
        font-size: 40px;
		font-size: 3vw;
        font-weight: 300;
        font-family: 'Bebas Neue', Verdana, sans-serif;
        text-align: center;
        padding: 1vw 3vw 1vw 3vw;
        border: 1px solid white;
        line-height: 18px;
		line-height: 2.6vw;
        border-radius: 8px 8px 8px 8px;
        }

.cssbutton:hover, .cssbuttonm:hover {
        color: white;
        background-color:#AC0E24;;
        cursor:pointer;
        }





obfusc::after {
        content: attr(whereat) ".com";
        }
obfusc::before {
        content: attr(me) "\0040";
        }