/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
		- Buttons
		- Base Structure
		- Header
		- Footer
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */




a:hover {color: red;}
a:visited {color: none;}

.desktop {display:block;}
.mobile {display:none;}



/* ----- */

/* Base Structure */

html {
	
}

body {
	background: white;
}

.container {margin-top: 20px;}

/* ----- */

/* Header */
.bottle {
	float: left;
}

.right-column {float: right!important;}

.right-column h1 {
	font-size: 1.5em;
	line-height: 30px;
	color: black;
	text-align: center;
	font-family: Venti-thinoblique;
	margin-bottom: 60px;
}

.right-column p {color: black; font-family: Venti-medium; font-size: 1.2em;}

.logo {margin-bottom: 30px!important;}

.description {text-align: center;}

.vendors {text-align: center;}

/* Footer */

.footer {

	margin-top: 20px !important;
	background-color:white;
	font-size: 0.8em;
	margin-left: 0px!important;
	margin-right: 0px!important;
	padding: 1% 1% 1% 1%;
	color:black;
	width: 98.91666%!important;

}

.footer-text {color: black; font-family: Venti-medium; font-size: 0.9em;}
.bold {font-family: Venti-bold;}



/* ----- */

/* #Page Styles
================================================== */


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		

		.desktop {display:none;}
.mobile {display:block;}



.footer {width: 97%!important; text-align: center!important;}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.desktop {display:none;}
.mobile {display:block;}


.footer {width: 97%!important; text-align: center!important;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.desktop {display:none;}
.mobile {display:block;}



.footer {width: 97%!important; text-align: center!important;}

	}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

 @font-face {
	    font-family: 'Venti-medium';
	    src: url('../fonts/VentiCF-Medium.otf') format('opentype');
	   }

 @font-face {
	    font-family: 'Venti-bold';
	    src: url('../fonts/VentiCF-Bold.otf') format('opentype');
	   }

 @font-face {
	    font-family: 'Venti-thinoblique';
	    src: url('../fonts/VentiCF-ThinOblique.otf') format('opentype');
	   }