/* --------------------------------------*/
    /* ---------->>> Desktop <<<-------------*/
    /* --------------------------------------*/
    @media only screen and (min-width: 1034px) {
    }
	
	@media screen and (min-width: 640px) {	
		#title { float: left; }

		#navigation {
			float: right;
			margin-top: 15px;
		}
	}

    /* ------------------------------------------------*/
    /* ---------->>> Tablet Landscape <<<-------------*/
    /* ------------------------------------------------*/
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    }
	
    /* ------------------------------------------------*/
    /* ---------->>> Tablet Portrait <<<-------------*/
    /* ------------------------------------------------*/
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		.single .type-post .entry-post-image { margin: 0; }
		.single .type-post .entry-post blockquote p { margin: 0; }
    }
	
    /* -----------------------------------------*/
    /* ---------->>> iPhone <<<-------------*/
    /* -----------------------------------------*/
	@media only screen and (max-width: 767px) {
		* { text-shadow: none; }
		
		#wrapper {
			padding: 20px 15px 0;
			background: #fff;
			border-radius: 0;
			box-shadow: none;
			margin: 0 auto;
			border-bottom: 1px solid rgba(0,0,0,.1);
		}
		
		#to-top,
		.backstretch {
			display: none !important;
		}
		
		
		/* Header */
		#title { margin-bottom: 25px; }	
		
		.nav li {
			float: left;
			display: inline-block;
			margin-bottom: 20px;
			margin: 0 10px 10px 0;
		}
		
		.nav a {
			font-size: 13px;
			color: #726089;
			background-color: rgba(255,255,255,.8);
			padding: 8px 20px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #726089;
		}
		
		.nav a:hover,
		.nav .current-menu-item a,
		.nav .current-menu-parent a,
		.nav .current-menu-ancestor a {
			color: #fff;
			border: 1px solid #726089;			
			text-shadow: 1px 1px 2px rgba(0,0,0,.4);			
			-moz-box-shadow: 0 2px 0 #4a3f5a;
			-webkit-box-shadow: 0 2px 0 #4a3f5a;
			box-shadow: 0 2px 0 #4a3f5a;
			background-color: #726089;
			padding: 8px 20px;
		}
				
		
		/* Home */
		.home .backstretch { display: block !important; }
		.home #content { margin: 0; }
		
		.home #footer {
			color: #fff;
			text-shadow: 1px 1px 3px #000;
		}
		
		.home #footer a { color: #fff; }
		
		
		/* Wines & Events */
		.wine .entry-image,
		.event .entry-image {
			float: none;
			margin-left: 0;
			margin-bottom: 20px;
			max-height: 135px;
			max-width: 100%;
			overflow: hidden;
		}
		
		
		/* Vineyards */
		.vineyard h3 {
			background: none;
			color: #726089;
			padding: 0;
			line-height: 24px;
		}
		
		.vineyard .entry-content,
		.vineyard .entry-sidebar {
			float: none;
			max-width: inherit;
		}
		
		.vineyard .entry-sidebar { margin-top: 20px; }
		
		
		/* Thoughts */
		.blog .post {
			float: none;
			margin-right: 0;
			max-width: inherit;
		}
		
		.single .type-post .entry-post-image { margin: 0; }
		.single .type-post .entry-post blockquote p { margin: 0; }
		
		
		/* Newsletter */
		.newsletter .email,
		.newsletter .submit {
			float: none;
		}
		
		.newsletter .submit {
			width: 100%;
			margin: 10px 0 0 0;
		}
		
		/* Footer */
		#footer {
			padding: 15px;
			color: #000;
			line-height: 20px;
			text-align: center;
		}
		
		#footer a { color: #000; }
	}
	
	/* ----------------------------------------------------*/
	/* ---------->>> Retina Display Images <<<-------------*/
	/* ----------------------------------------------------*/
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
		#title a { background-image: url(../images/logo@2x.png); }
	}