</*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video {display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) {display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template {display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling *    user zoom. */ html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body {margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a {background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus {outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover {outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 {font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] {border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong {font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn {font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark {background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre {white-space: pre-wrap; } /** * Set consistent quote types. */ q {quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small {font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -0.5em; } sub {bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img {border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) {overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure {margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend {border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input {line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select {text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` *    and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type *    `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] {cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome *    (include `-moz` to future-proof). */ input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table {border-collapse: collapse; border-spacing: 0; }

/* border box */
* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/* clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* style */

html {
	
	height: 100%;




}

body {
	margin: 0;
	height: 100%;
		position: relative;

				background: #0e1a49; /* Old browsers */
background: -moz-linear-gradient(top,  #0e1a49 0%, #621fa5 17%, #ed2d90 30%, #af2132 44%, #e5632b 59%, #d3ab28 72%, #1d9b34 87%, #00b1e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e1a49), color-stop(17%,#621fa5), color-stop(30%,#ed2d90), color-stop(44%,#af2132), color-stop(59%,#e5632b), color-stop(72%,#d3ab28), color-stop(87%,#1d9b34), color-stop(100%,#00b1e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0e1a49 0%,#621fa5 17%,#ed2d90 30%,#af2132 44%,#e5632b 59%,#d3ab28 72%,#1d9b34 87%,#00b1e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0e1a49 0%,#621fa5 17%,#ed2d90 30%,#af2132 44%,#e5632b 59%,#d3ab28 72%,#1d9b34 87%,#00b1e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0e1a49 0%,#621fa5 17%,#ed2d90 30%,#af2132 44%,#e5632b 59%,#d3ab28 72%,#1d9b34 87%,#00b1e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0e1a49 0%,#621fa5 17%,#ed2d90 30%,#af2132 44%,#e5632b 59%,#d3ab28 72%,#1d9b34 87%,#00b1e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1a49', endColorstr='#00b1e2',GradientType=0 ); 

background-attachment: local;
background-repeat: no-repeat;
background-size: 550%;

}

.wrapper {
	max-width: 1200px;
	padding: 40px 40px 40px 160px;
	margin: 0 auto;
	position: relative;
}

.header, .footer {
	
	z-index: 10;
	
}

.icon {
	position: absolute;
	width: 100px;
	left:20px;
	

}

.arrow {
	top: 105px;
}

.bee {
	top: 85px;
}

.paper {
	top: 85px;
}

.piggy {
	top: 85px;
}

.ribbon {
	top: 85px;
}


.header2 {
	position: fixed;
	opacity: .4;

}

.footer {
	position: absolute;
	bottom: 10px;
	width: 10%;
	right: 0;

}

h1 {
	font-family: helvetica;
	font-size: 106px;
	color: white;
	margin: 60px 0;
}

p {
	font-family: helvetica;
	font-size: 42px;
	line-height: 58px;
	color: white;
	margin: 60px 0;

}

a, a:visited {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.quote {
	background-color: orange;
	padding: 20px 15px 15px;

}

.quote2 {
	background-color: cyan;
	padding: 20px 15px 15px;
}

p.advice {
	text-align: center;
}

.one {
	display: table-cell;
    vertical-align: middle;
}

.section {
	min-height: 100%;
	width: 100%;
	
	display: table;
	
}



/*postscript*/

.postscript {
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	padding: 60px 100px;
	border: 8px solid white;
	background-color: rgba(255,255,255,.4)
}

.postscript a, .postscript a:visited {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.postscript a:hover {
	color: black;
	border-bottom: 1px dotted black;
}

/* credits*/

.credits {
	font-size: 10px;
	line-height: 14px;
	color: white;
	margin: 0;

}

.credits a {
	color: white;
}