@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	background: rgb(17,112,217);
    background: -webkit-linear-gradient(rgba(48,78,151,1) 0%, rgba(17,112,217,1) 40%, rgba(17,112,217,1) 90%, rgba(48,78,151,1) 100%);
    background: -o-linear-gradient(rgba(48,78,151,1) 0%, rgba(17,112,217,1) 40%, rgba(17,112,217,1) 90%, rgba(48,78,151,1) 100%);
    background: linear-gradient(rgba(48,78,151,1) 0%, rgba(17,112,217,1) 40%, rgba(17,112,217,1) 90%, rgba(48,78,151,1) 100%);
	margin: 0;
	background-repeat: no-repeat;
    background-attachment: fixed;
}

.page-container {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	max-width: 100%;
}

.logo-block {
	display: block;
	width: 100%;
	height: 25%;
	padding-top: 40px;
	padding-bottom: 0px;
	box-sizing: border-box;
	min-height: 92px;
}



.american-wholesale-logo {
	height: 100%;
	width: 100%;
	margin: auto;
	text-align: center;
}

.american-wholesale-logo img {
	height: 100%;
	width: auto;
	margin: auto;
	max-height: 156px;
	max-width: 80%;
}


@media only screen and (max-width: 408px) {
	.american-wholesale-logo img {
		height: auto;
		width: auto;
		margin: auto;
		max-height: 156px;
		max-width: 80%;
	}
}

.link-block {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 1%;
}

.link-intro {

	font-size: 2.5vw;
	color: #FFFFFF;
}

@media only screen and (max-width: 640px) {
	.link-intro {

	font-size: 16px;
	color: #FFFFFF;
}
}

.link {

	font-size: 3.4vw;
	color: #FFFFFF;
	line-height: 6vw;
}

@media only screen and (max-width: 590px) {
.link {

	font-size: 20px;
	color: #FFFFFF;
	line-height: 6vw;
}
}

.site-link {
	text-decoration: none;
	color: white;	
}

@media only screen and (min-width: 591px) {
.site-link {
	transition: font-size .7s;
	text-decoration: none;
	color: white;
}

.link:hover .site-link{
    font-size: 4vw;
}
}

@media only screen and (min-width: 568px) and (max-width: 590px) {
.site-link {
	transition: font-size .7s;
	text-decoration: none;
	color: white;
}

.link:hover .site-link{
    font-size: 23px;
}
}


.link-outro {

	font-size: 1.6vw;
	color: #FFFFFF;
}

@media only screen and (max-width: 750px) {
.link-outro {

	font-size: 12px;
	color: #FFFFFF;
}
}

hr.linebreak {
    border: 0;
    height: 3px;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
	margin-top: 6%;
	margin-bottom: 6%;
}

.body-text-block {
	display: block;
	width: 100%;
	text-align: center;
	margin: auto;
}

@media only screen and (max-width: 1280px) {
	.body-text-block {
		max-width: 550px;
	}
}

@media only screen and (min-width: 1281px) and (max-width: 1350px) {
	.body-text-block {
		max-width: 580px;
	}
}

@media only screen and (min-width: 1351px) and (max-width: 1426px) {
	.body-text-block {
		max-width: 610px;
	}
}

@media only screen and (min-width: 1427px) and (max-width: 1500px) {
	.body-text-block {
		max-width: 640px;
	}
}

@media only screen and (min-width: 1501px) {
	.body-text-block {
		max-width: 45%;
	}
}

p.top {
	margin-top: 0px;
	line-height: 6vw;
}


.body-text-top {
	font-family: 'Gotham', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 1.9vw;
	text-align: center;
	color: #FFFFFF;
}


@media only screen and (max-width: 740px) {
.body-text-top {
	font-family: 'Gotham', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
}
}

.body-text-top p {
	margin-top: 3%;
	margin-bottom: 3%;
	
}

.body-text {
	font-family: 'Gotham', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 1.3vw;
	text-align: center;
	color: #FFFFFF;
}

@media only screen and (max-width: 770px) {
.body-text {
	font-family: 'Gotham', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}
}

.phone-link {
	text-decoration: none;
	color: white;	
}

.email-link {
	text-decoration: none;
	color: white;	
}

@media only screen and (min-width: 771px) {
.phone-link {
	transition: font-size .7s;
	text-decoration: none;
	color: white;
}

.phone:hover .phone-link{
    font-size: 1.5vw;
}

.email-link {
	transition: font-size .7s;
	text-decoration: none;
	color: white;
}

.email:hover .email-link{
    font-size: 1.5vw;
}
}


@media only screen and (min-width: 568px) and (max-width: 770px) {
.phone-link {
	transition: font-size .7s;
	text-decoration: none;
	color: white;
}

.phone:hover .phone-link{
    font-size: 12px;
}

.email-link {
	transition: font-size .7s;
	text-decoration: none;
	color: white;
}

.email:hover .email-link{
    font-size: 12px;
}
}

/*
 * Fonts
 */

@font-face {
    font-family: 'gotham';
    src: url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Light.woff2') format('woff2'),
         url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'gotham';
    src: url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Book.woff2') format('woff2'),
         url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Book.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'gotham';
    src: url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Medium.woff2') format('woff2'),
         url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'gotham';
    src: url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Bold.woff2') format('woff2'),
         url('https://u5j4h3u7.stackpathcdn.com/skin/frontend/rwd/hancocks/fonts/Gotham-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


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

}