/* BOX SIZING */
html { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
*, *:before, *:after { -moz-box-sizing:inherit; -webkit-box-sizing:inherit; box-sizing:inherit; }

/* NORMALIZE */
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;} audio,canvas,video{display:inline;zoom:1;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} html,button,input,select,textarea{font-family:sans-serif;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:700;} blockquote{margin:1em 40px;} dfn{font-style:italic;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;} pre{white-space:pre-wrap;word-wrap:break-word;} q{quotes:none;} q:before,q:after{content:none;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-.5em;} sub{bottom:-.25em;} dd{margin:0 0 0 40px;} menu,ol,ul{padding:0 0 0 20px;} nav ul,nav ol{list-style:none;list-style-image:none;} img{border:0;-ms-interpolation-mode:bicubic;} svg:not(:root){overflow:hidden;} fieldset{border:none;margin:0;padding:0;} legend{border:0;white-space:normal;margin-left:-7px;padding:0;} button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;} button,input{line-height:normal;} button,select{text-transform:none;} button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;} button[disabled],html input[disabled]{cursor:default;} input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} table{border-collapse:collapse;border-spacing:0;} body,figure,form{margin:0;} p,pre,dl,menu{margin:1em 0;} :focus{outline:0;} a:focus{outline-width:0px;outline-style:none;} button[type="submit"]{border:none;outline:none;cursor:pointer;} h1,h2,h3,h4,h5,h6 {font-weight:normal;}


@font-face {
    font-family: 'museo_sans_rounded';
    src: url('../font/museosansrounded-700-webfont.eot');
    src: url('../font/museosansrounded-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/museosansrounded-700-webfont.woff2') format('woff2'),
         url('../font/museosansrounded-700-webfont.woff') format('woff'),
         url('../font/museosansrounded-700-webfont.ttf') format('truetype'),
         url('../font/museosansrounded-700-webfont.svg#museo_sans_rounded700') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_rounded';
    src: url('../font/museosansrounded-900-webfont.eot');
    src: url('../font/museosansrounded-900-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/museosansrounded-900-webfont.woff2') format('woff2'),
         url('../font/museosansrounded-900-webfont.woff') format('woff'),
         url('../font/museosansrounded-900-webfont.ttf') format('truetype'),
         url('../font/museosansrounded-900-webfont.svg#museo_sans_rounded900') format('svg');
    font-weight: 900;
    font-style: normal;

}

html	{ overflow-y:scroll;}
button::-moz-focus-inner { padding:0; border:none; }
strong { font-weight:900; }
em { font-style:italic; }
ol, ul { list-style:none; padding:0; margin:0; }
p { margin:1em 0; }
p u { font-style:underline; }
a { text-decoration:none; color:blue; }
a:hover { color:red; }
.round { -webkit-border-radius:5px; border-radius:5px; }


::-moz-selection { background:none; }
::selection { background:none; }
body { font:700 16px/1.5em museo_sans_rounded, 'Trebuchet MS', sans-serif; position:relative; padding-bottom:5em; }
#wrapper { width:80%; margin:0 auto; position:relative; max-width:1366px; }
.centered { position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); }
img { width:100%; height:auto; }
#text-1, #text-2 { position:absolute; color:#fff; }
a { color:#fff; text-decoration:underline; }
a:hover { color:#fff; }
#text-1 { width:30.20833333333333%; top:48%; left:4.375%; text-align:center; font-size:1.55em; line-height:1.25em; }
#text-2 { width:46.875%; top:27%; left:46%; text-align:left; }
#text-2 p { font-size:1.8em; line-height:1.23em; }
h2 { margin:0; font-size:4.30em; line-height:1.20em; font-weight:900; }
p { margin:0; }
#special { position:absolute; top:89%; left:59%; width:20%; height:1.5em; display:block; }

/*
	RESPONSIVE - MOBILE FIRST MEDIA QUERIES
*/
/* 1px <-> 320px			 ----------- */
@media only screen 
and (min-width : 1px) 
and (max-width : 320px) {
    body { font-size:5px; }
    #text-1 { width:41%; top:28%; left:31.25%; }
    #text-2 { width:69%; top:58%; left:19%; }
    
}

/* 320px <-> 400px			----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 400px) {
    body { font-size:7px; }
    #text-1 { width:45%; top:26.5%; left:30%; font-size:1.45em; line-height:1.15em; }
    #text-2 { width:69%; top:56%; left:19%; font-size:0.85em; }
}


/* 400px <-> 480px			 ----------- */
@media only screen 
and (min-width : 400px) 
and (max-width : 480px) {
    body { font-size:7px; }
    #text-1 { width:41%; top:28%; left:31.25%;  }
    #text-2 { width:69%; top:56%; left:19%;  }
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: landscape) {
    #text-1 { width:30.20833333333333%; top:48%; left:4.375%; }
    #text-2 { width:46.875%; top:25%; left:46%; }
}


/* 480px <-> 600px			 ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 600px) {
    body { font-size:6px; }
}


/* 600px <-> 768px			 ----------- */
@media only screen 
and (min-width : 600px) 
and (max-width : 768px) {
    body { font-size:7px; }
}


/* 768px <-> 900px			 ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 900px) {
    body { font-size:8px; }
}


/* 768px <-> 1024px			iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
    body { font-size:9px; }
}

/* 768px <-> 1024px L 	iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {

}

/* 768px <-> 1024px P		iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	
}


/* 1024px  ->					  Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
    body { font-size:12px; }
}


/* 1224px  ->						Wider than 1224px		------------ */	
@media only screen 
and (min-width : 1224px) {
	body { font-size:14px; }
}


/* 1366px  ->						Wider than 1224px		------------ */	
@media only screen 
and (min-width : 1366px) {
	body { font-size:16px; }
}


/* 1824px  ->						Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    body { font-size:18px; }
}