/*

font-family:'Core Sans C W01_15 Thin Italic';
font-family:'Core Sans C W01_65 Bold';
font-family:'Core Sans C W01_15 Thin';
font-family:'Core Sans C W01_65 Bold Italic';
font-family:'Core Sans C W01_95 Black';
font-family:'Core Sans C W01_95 Black Itali';
font-family:'Core Sans C W01_45 Regular It';
font-family:'Core Sans C W01_45 Regular';*/



/*-- FONTS --*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=adea2742-8ab0-4c4d-8508-7c020652f594");
    @font-face{
        font-family:"Core Sans C W01_15 Thin";
        src:url("Fonts/1c73c9f8-5fee-441c-9226-5c73a4c7c1f9.eot?#iefix");
        src:url("Fonts/1c73c9f8-5fee-441c-9226-5c73a4c7c1f9.eot?#iefix") format("eot"),url("Fonts/8cfe3d88-b9a1-450a-8a9f-9c9145cda99c.woff2") format("woff2"),url("Fonts/aee30c9c-ddb5-4595-983f-c6ce4148bb25.woff") format("woff"),url("Fonts/6b06b6d7-46af-4c73-8410-fef81ade4fe4.ttf") format("truetype"),url("Fonts/f7fc8588-f48b-40cd-989d-d6544be288c8.svg#f7fc8588-f48b-40cd-989d-d6544be288c8") format("svg");
    }
    @font-face{
        font-family:"Core Sans C W01_15 Thin Italic";
        src:url("Fonts/be094de0-39ef-40f6-aba0-78a18c9840a0.eot?#iefix");
        src:url("Fonts/be094de0-39ef-40f6-aba0-78a18c9840a0.eot?#iefix") format("eot"),url("Fonts/2c5e2fa1-a34e-4d55-b2de-1fbebccc2747.woff2") format("woff2"),url("Fonts/20f14948-82a0-4b7f-bd93-0fac3936aac0.woff") format("woff"),url("Fonts/69e65eb2-68cf-447f-bd75-2cd31565126a.ttf") format("truetype"),url("Fonts/9b5416e5-5a24-4287-b80e-1d4efaeeba24.svg#9b5416e5-5a24-4287-b80e-1d4efaeeba24") format("svg");
    }
    @font-face{
        font-family:"Core Sans C W01_45 Regular";
        src:url("Fonts/3fc5043a-5ada-457b-9f4e-12cd03a76736.eot?#iefix");
        src:url("Fonts/3fc5043a-5ada-457b-9f4e-12cd03a76736.eot?#iefix") format("eot"),url("Fonts/a35401ef-6b74-48a0-a0b2-3b25a4c1319a.woff2") format("woff2"),url("Fonts/a70272f6-a236-482c-afd3-adb28e5b86cc.woff") format("woff"),url("Fonts/b5c891ff-d29f-433e-ac22-d97561290f93.ttf") format("truetype"),url("Fonts/fe819262-fcd0-429a-82bc-8df811c96d97.svg#fe819262-fcd0-429a-82bc-8df811c96d97") format("svg");
    }
    @font-face{
        font-family:"Core Sans C W01_45 Regular It";
        src:url("Fonts/6fe428d3-f872-4724-a519-a0a48c0b6ce1.eot?#iefix");
        src:url("Fonts/6fe428d3-f872-4724-a519-a0a48c0b6ce1.eot?#iefix") format("eot"),url("Fonts/689a6359-0ac4-4f70-9fed-fa0fedc212e4.woff2") format("woff2"),url("Fonts/a01fc6f4-cf41-43b1-83a0-fd9420d75f0f.woff") format("woff"),url("Fonts/fa878690-4432-4672-bb80-98156055dc22.ttf") format("truetype"),url("Fonts/944bae96-5100-44d8-8a93-cbeaf7c623d8.svg#944bae96-5100-44d8-8a93-cbeaf7c623d8") format("svg");
    }
    @font-face{
        font-family:"Core Sans C W01_65 Bold";
        src:url("Fonts/f7973e64-22a8-4fea-8690-1ac016a96957.eot?#iefix");
        src:url("Fonts/f7973e64-22a8-4fea-8690-1ac016a96957.eot?#iefix") format("eot"),url("Fonts/ebfaa86e-a72e-4504-a230-0c886ef92bd3.woff2") format("woff2"),url("Fonts/77f3f158-fd35-431e-9901-7b0df211151d.woff") format("woff"),url("Fonts/c1436a72-d458-4fe6-b426-92855d99526a.ttf") format("truetype"),url("Fonts/9f027a8b-3edb-48e1-bafe-befd0c96555a.svg#9f027a8b-3edb-48e1-bafe-befd0c96555a") format("svg");
    }
    @font-face{
        font-family:"Core Sans C W01_65 Bold Italic";
        src:url("Fonts/ca07f4db-502b-405a-b550-ef98f403a9bd.eot?#iefix");
        src:url("Fonts/ca07f4db-502b-405a-b550-ef98f403a9bd.eot?#iefix") format("eot"),url("Fonts/8ffe78f3-bc6b-482c-a3bb-d73e496ebf43.woff2") format("woff2"),url("Fonts/1fba0776-ba07-4b2a-bd51-960c84c15d3a.woff") format("woff"),url("Fonts/eab665b7-b0e8-4468-9de2-f6c9bbbbe2dd.ttf") format("truetype"),url("Fonts/e3692258-e1a4-4494-a604-eb68bd6e2dc9.svg#e3692258-e1a4-4494-a604-eb68bd6e2dc9") format("svg");
    }
    @font-face{
        font-family:"Core Sans C W01_95 Black";
        src:url("Fonts/1d1e8c51-df1a-4293-b4b4-0ab70aa3e740.eot?#iefix");
        src:url("Fonts/1d1e8c51-df1a-4293-b4b4-0ab70aa3e740.eot?#iefix") format("eot"),url("Fonts/b779d3c2-ffb3-40b5-809b-ef202f5dd029.woff2") format("woff2"),url("Fonts/46a978b9-35ba-4687-8513-9a600f287001.woff") format("woff"),url("Fonts/a116b3c2-ce92-42a4-a168-e7c3752d04a5.ttf") format("truetype"),url("Fonts/fbfeddf4-f673-4f91-bc27-05d3a4de2c94.svg#fbfeddf4-f673-4f91-bc27-05d3a4de2c94") format("svg");
    }
    @font-face{
        font-family:"Core Sans C W01_95 Black Itali";
        src:url("Fonts/392d64af-725b-4267-8539-b0c87be0d04d.eot?#iefix");
        src:url("Fonts/392d64af-725b-4267-8539-b0c87be0d04d.eot?#iefix") format("eot"),url("Fonts/dc865573-bb32-4231-b1c0-1215f1334dce.woff2") format("woff2"),url("Fonts/efc7e0aa-8a4c-4e9b-8f5b-a5af3735018c.woff") format("woff"),url("Fonts/5667512a-3a00-4f4f-a7c4-8b3d1f93d53a.ttf") format("truetype"),url("Fonts/025be8d4-8499-4e30-bcba-57e6c81b511e.svg#025be8d4-8499-4e30-bcba-57e6c81b511e") format("svg");
    }

/* -- EVERYTHING -- */
html {
	height: 100%;
	width: 100%;
	font-family:'Core Sans C W01_45 Regular', 'Lucida Sans', 'Lucida Grand', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
}

body { 
	font-size: 20px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	display: block;
	color: rgba(30,30,30,1);
 }

.section {
	height: 100%;
	min-height: 100vh;
	width: 100%;
	padding: 0px 20%;
}

p {
	margin: 0 0;
}


 /* -- HOME -- */

 #home {
	background-color: #000000;
 	font-family:'Core Sans C W01_95 Black';
 	background-size:cover;
 	-o-background-size:cover;
 	-moz-background-size:cover;
 	-webkit-background-size:cover;
 	color: #000000;
}

#home p{
	  background: -webkit-linear-gradient(left,rgba(115,245,178,1),rgba(201,253,252,1));
	  background: linear-gradient(left,rgba(115,245,178,1),rgba(201,253,252,1));
	  background: -o-linear-gradient(left,rgba(115,245,178,1),rgba(201,253,252,1));
	  background: -moz-linear-gradient(left,rgba(115,245,178,1),rgba(201,253,252,1));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

.name {
	position: relative;
	text-align: center;
	top: 20px;
	width: 100%;
	font-size: 1.2em;
	font-family:'Core Sans C W01_95 Black';
	color: #ffffff;
}

.middle {
	position: relative;
	top: 27%;
}

.misfortunatecookiegif {
	background-image: url("images/TheMisfortunateCookie_Character_v2.gif");
	background-size: cover;
	height: 150px;
	width: 150px;
	margin: 0 auto;
	position: relative;
	top: 20px;
}

.misfortune {
	text-align: center;
	font-size: 3.5em;
	line-height: 1em;
	padding-bottom:10px;
}

/*-- ABOUT --*/

#about {
	position: relative;
	padding-top: 2%;
}

#about h1 {
	font-family:'Core Sans C W01_95 Black';
	font-size: 3em;
	color: rgba(115,245,178,1);
	margin-bottom: 10px;
}

#about p {
	font-size: .8em;
	width: 60%;
	margin-bottom: 7px;
}

.demo {
	background-image: url();
	background-color: gray;
	width: 40%;
}

#demo-vid {
	width: 100%;
}
/*-- FOOTER --*/

.footer {
	font-size: .8em;
	width: 100%;
	color: #bfbfbf;
	font-family:"Core Sans C W01_45 Regular";
	text-align: center;
	position: absolute;
	right: 0;
	padding: 1% 0;
	bottom: 0px;
/*	bottom: 2%;*/
	background-color: #ffffff;
	z-index: 1;
}

.footer p {
	position: relative;
	margin: 0 auto;
}

a {
	text-decoration: none;
	border-bottom: 1px solid #bfbfbf;
	transition: all 0.3s ease;
	color: #bfbfbf;
}

a:hover {
	border-bottom: 1px solid #000000;
	color: #000000;
}


@media only screen and (max-width: 800px) {
	
	.section {
		padding: 0 10%;
	}

	.misfortune {
		font-size: 3em;
	}


}

@media only screen and (max-width: 650px) {

	.name {
		font-size: 1em;
	}

	.misfortune {
		font-size: 2.5em;
	}

	.misfortunatecookiegif {
		width: 135px;
		height: 135px;
	}

	#about {
		text-align: center;
	}

	#about p {
		width: 100%;
	}

}

@media only screen and (max-width: 550px) {

	.section {
		padding: 0 0;
	}

	.misfortune {
		font-size: 2.1em;
	}

	.misfortunatecookiegif {
		width: 120px;
		height: 120px;
	}

	#about p{
		padding: 0 10px;
	}

	.footer {
		bottom: 2%;
	}

}