/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

html, body {
	text-rendering: optimizeLegibility;
	-webkit-font-variant-ligatures: common-ligatures;
	font-variant-ligatures: common-ligatures;
	-webkit-font-smoothing: antialiased;

	-moz-font-feature-settings: "kern=1";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	font-feature-settings: "kern";
	font-kerning: normal;

	padding: 0;
	margin: 0;

	overflow-x: hidden;
	cursor:url(../img/cursor-default.png), e-resize;
}

@font-face {
		font-family: 'Amer-Expanded-Black';
		src: url('../fonts/GT-America-Expanded-Black.woff') format('woff');
		font-weight: bold;
		font-style: normal;
}

@font-face {
		font-family: 'Amer-Cond-Bold';
		src: url('../fonts/GT-America-Condensed-Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
}

@font-face {
		font-family: 'Amer-Stand-Regular';
		src: url('../fonts/GT-America-Regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Amer-Comp-Bold';
		src: url('../fonts/GT-America-Compressed-Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
}

@font-face {
		font-family: 'Amer-Comp-Medium';
		src: url('../fonts/GT-America-Compressed-Medium.woff') format('woff');
		font-weight: Medium;
		font-style: normal;
}

body {
  margin: 0;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

body a {
	cursor:url(../img/cursor-pointer.png), e-resize;
	color: #FF2942;
}


/*///////////////     SHARE BOXES     ///////////////*/

.sharebox {
    width: 100px;
    height: 100px;
    background-color: #000;
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 5;
		font-size: 0;
}

.sharebox:hover {
	background-color: #FF2942;
	transition: 0s;
}

.sharebox img {
    width: 35px;
    height: 31px;
    padding-top: 34px;
		padding-left: 35px;
    display: inline-block;
}

.backbox {
    width: 100px;
    height: 100px;
    background-color: #000;
    position: fixed;
		left: 0;
		margin: 0;
		top: 0;
    z-index: 5;
		font-size: 0;
}

.backbox img {
    width: 32px;
    padding-top: 34px;
		display: block;
		margin: auto;
}

.backbox:hover {
    background-color: #FF2942;
    transition: all 0s;
}

/*///////////////     MAIN     ///////////////*/


.containermain {
	margin: 0;
	padding: 0;
}

.about-eyebrow1 {
	font-family: 'Amer-Comp-Bold', arial;
	text-transform: uppercase;
	font-size: 14vw;
	text-align: center;
}

.about-header {
	font-family: 'Amer-Expanded-Black', arial;
	text-transform: uppercase;
	font-size: 46px;
	text-align: center;
	margin-bottom: 1vh;
}

.about-paragraph {
		margin: 0 auto;
	font-family: 'Amer-Comp-Medium', arial;
	text-transform: uppercase;
	/* font-size: 2.5rem; */
	font-size: 1.4vw;
	font-size: 2.75vh;
	line-height: 142.8%;
	padding: .94vw 0;
	width:57.89vw;
	text-align: center;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.about-links {
	font-family: 'Amer-Cond-Bold', arial;
	text-transform: uppercase;
	font-size: 1.4rem;
	text-align: center;
}

.about-links a {
	padding: 0 12px;
}
/*///////////////     MEDIA QUERIES     ///////////////*/

	@media (min-width: 300px) and (max-width: 1024px) {
		.sharebox {
		    width: 50vw;
		    height: 100px;
		    position: fixed;
				margin-top: calc(100vh - 100px);
		}

		.about-paragraph {
				margin-top: 1vw;
			font-family: 'Amer-Comp-Medium', arial;
			text-transform: uppercase;
			/* font-size: 2.5rem; */
			font-size: 1.4vw;
			font-size: 2vh;
			line-height: 142.8%;
			padding: .94vw 0;
			width:80vw;
			text-align: center;
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
		}

		.sharebox img {
		    width: 35px;
		    height: 31px;
		    padding-top: 34px;
				padding-right: 20px;
		    display: block;
				margin: auto;
		}

		.backbox {
		    width: 50vw;
		    height: 100px;
		    background-color: #FF2942;
		    position: fixed;
				margin-top: calc(100vh - 100px);
		}

		.backbox img {
		    padding-top: 34px;
				padding-left: 4px;
				display: block;
				margin: auto;
		}

		/* .about-eyebrow1 {
			font-family: 'Amer-Comp-Bold', arial;
			text-transform: uppercase;
			font-size: 40px;
			text-align: center;
			margin-top: 80px;
		} */

		/* .about-header {
			font-family: 'Amer-Expanded-Black', arial;
			text-transform: uppercase;
			font-size: 40px;
			text-align: center;
			margin-bottom: 36px;
		} */

		/* .about-paragraph {
			width: 80vw;
			margin: 0 auto 52px;
		} */

		.about-links a {
			padding: 0 6px;
		}

		/* body {
		  display: flex;
		  align-items: flex-start;
		  justify-content: center;
		} */
	}

	@media (min-width: 300px) and (max-width: 375px) {

		/* .about-eyebrow1 {
			font-size: 28px;
		} */

		/* .about-header {
			font-size: 28px;
		} */

		.about-links {
			margin: 0 auto 156px;
			width: 80vw;
			font-size: 14px;
		}
		.about-links a {
			padding: 0 3px;
		}
	}