/*
Paul Santiago
*/





/* #Reset & Basics
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #Ddd;
		font: 20px 'Sneak', "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: black;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

	html{
	scroll-behavior: smooth;}

 	.landing{
	 	height: 100%;
	 	width: 100%;
 	}

	.for-seo{ display: none;  }

		.top-bar{
			padding-top: 0px;
			padding-bottom: 10px;
			width: 100%;
			position: fixed;
			z-index: 99999;
			border-bottom: 1px solid black;
			background: #Ddd;

		}

		.paul{
			float: left;
			margin-top: -30px;
			padding-left: 0;
		}

		.paul:hover{
				padding-left: 5px;
			-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
-ms-transition: all .25s ease-in;
transition: all .25s ease-in;
		}

		.contact{
			float: right;
			margin-top: -30px;
		}

.contact:hover{


}


		.for-sale-button{
			float: right;
			margin-top: -30px;
			margin-right: 50px;
		}

.for-sale-button:hover{


}


		.top-caption{
			text-align: center;
			text-transform: uppercase;
			padding-top: 10px;
			margin-top: -10px;
			margin: 0 auto;
			letter-spacing: -2px;
			font-family: 'Times Now';
		}

.top-caption:hover{}


	.marquee{
		padding-top: 60px;
		text-transform: uppercase;
	}

		.navigation
	    {  width: auto;
				height: auto;
					text-align: center;
	       border-radius:0px;
	        padding-top: 5%;
				 width: 100%;
				 height: auto;
			 }



		.navigation li:first-child a {  background:none !important; }
		.navigation li:nth-child(2) a {  background:none !important;}
		.navigation li:nth-child(3) a {  background:none !important;}
		.navigation li:nth-child(4) a {  background:none !important;}
		.navigation li:nth-child(5) a {  background:none !important;}


		.navigation li:first-child:hover ~ .bg {
			background: url('../images/br2.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;z-index: 99990;



		}

		.navigation li:nth-child(2):hover ~ .bg {
			background: url('../images/mps.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;z-index: 99990;



		}




		.navigation li:nth-child(3):hover ~ .bg {

			background: url('../images/dkc.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;

		}

		.navigation li:nth-child(4):hover ~ .bg {

			background: url('../images/dissenters.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;

		}

				.navigation li:nth-child(5):hover ~ .bg {

					background: url('../images/dmecca.png')fixed;
					background-position: center center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
					z-index: 99990;

				}

		.navigation li:nth-child(6):hover ~ .bg {

			background: url('../images/enmasse.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;

		}

		.navigation li:nth-child(7):hover ~ .bg {
			background: url('../images/grassroots.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;
		}





		.navigation li:nth-child(8):hover ~ .bg {
			background: url('../images/herkai.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;
		}


		.navigation li:nth-child(9):hover ~ .bg {
			background: url('../images/rb.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;
		}

		.navigation li:nth-child(10):hover ~ .bg {
			background: url('../images/madison.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;
		}



		.navigation li:nth-child(11):hover ~ .bg {
			background: url('../images/murabg.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 99990;
		}



				.navigation li:nth-child(12):hover ~ .bg {
					background: url('../images/nike2cropped.png')fixed;
					background-position: center center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
					z-index: 99990;
				}



		.navigation li:nth-child(13):hover ~ .bg {
			background: url('../images/pantry39.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
z-index: 99990;
		}

		.navigation li:nth-child(14):hover ~ .bg {
			background: url('../images/symf.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
z-index: 99990;
		}


		.navigation li:nth-child(15):hover ~ .bg {
			background: url('../images/steve.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
z-index: 99990;
		}

		.navigation li:nth-child(16):hover ~ .bg {
			background: url('../images/tash.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
z-index: 99990;
		}


		.navigation li:nth-child(17):hover ~ .bg {
			background: url('../images/tenci.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
z-index: 99990;
		}



		.navigation li:nth-child(18):hover ~ .bg {
			background: url('../images/397.png')fixed;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
z-index: 99990;
		}



				.navigation li:nth-child(19):hover ~ .bg {
					background: url('../images/tr33ts.png')fixed;
					background-position: center center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
		z-index: 99990;
				}






				.navigation li:nth-child(20):hover ~ .bg {
					background: url('../images/upnext.png')fixed;
					background-position: center center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
		z-index: 99990;
				}







		.bg {
		  position: fixed;
		  z-index: -1;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  transition: 0;
			height: 100%;
		  pointer-events: none;
		}


		.work-link{
			display: block;
			margin-bottom: 30px;
			text-decoration: none;
			font-size: 120px;
			line-height: 100px;
			padding-right: 80px;
			letter-spacing: -7px!important;
			margin-left: 00px;
			-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
-ms-transition: all .25s ease-in;
transition: all .25s ease-in;


		}




		.work-link:hover{
			z-index: 99999!important;
			cursor: help;
			margin-left: 20px;
		}





		.catagories2{
			letter-spacing: 0!important;
			padding-top: 20px;
			font-size: 15px!important;
		}

		.date{
			font-size: 20px;
			top: 0;margin-bottom: 0px;
			display: block;
			letter-spacing: -1px;
			font-family: 'Times Now';
			float: right;
			margin-right: -80px;
		}


		.work-links{
			padding-bottom: 20px;
			line-height: 40px;
			color: black;
			padding-left: 0;
			text-transform: uppercase;

		}

		.work-links:hover{
			padding-left: 5px;
			transition: all .3s;
		}
		.purchase-button{ padding: 0; float: left;  }
		.purchase-button:hover{ 	padding-left: 5px;
			transition: all .3s; }

		span.number{ font-size: 10px; padding-right:25px; line-height: 0px; margin-top: -70px!important;width: 50px;}

		.footer{ width: 100%; }
		.availabilty{ float: left; text-transform: uppercase;  }
		.update-date{ float: right; }


		.work-feed{
			width: 100%;
			height: 100%;
			position: absolute;
			overflow:auto;
			top: 0;
		}


		.work-img{
			width:80%;
			margin-bottom: 20%;
		}

		.bottom-bar{ border-top: 1px solid black; padding-top: 20px; padding-bottom: 20px;  bottom: 0px; width: 100%; }



		.right{
			float: right;

		}


		.left{
			float: left;

		}

		.right-side{
			float: right;
			width: 50%;
		}


		.left-side{
			float: left;
			width: 50%;
		}


		#information { background: black; padding-top: 100px; padding-bottom: 0px;height: auto; }
		#information ::selection{ background: white; color: black; }
		#information p { color: white!important; }
		#information h2 { color: white!important; }
		#information h1 { color: white!important; }
		#information h5 { color: white!important; }
		#information a { color: white!important; }
		#information span { color: white!important; }


				.price{ font-size: 125px; font-family: 'Times Now'; letter-spacing: -5px;text-align: right;}

				.store-section{ 		background: url('../images/bg.png');
							background-position: center center;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
							background-size: cover; padding-top: 00px;padding-bottom: 00px; margin-bottom: -25px; }

			.store{
					background: url('../images/bg.png') no-repeat;
					background-position: top center;
		  background-repeat: no-repeat;
		  background-size: cover;
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;

				}

				.for-sale-bar{
					width: 100%;
					border-bottom: 1px solid black;
			height: 50px;
					margin-bottom: 0px;
					overflow-x: hidden;
					overflow-y: hidden;

				}

				.scroll-container{ width: 100%; }

				marquee { width: 100%; }

				.for-sale{
					float: left;
					margin-right: 5%;
					text-transform: uppercase;
					font-size: 15px;
					margin-top: -5px;
				}
	.work-bar#work{padding-top: 55px!important; height: 45px; border-bottom: 1px solid black; overflow-x: hidden;}
		.work-bar{padding-top: 55px!important; height: 45px; border-bottom: 1px solid black; overflow-x: hidden;}

				.store .top-bar{
							background: url('../images/bg.png');
							background-position: top center;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
							background-size: cover; }



						.navigation2
							{  width: auto;
								height: auto;
									text-align: center;
								 border-radius:0px;
									padding-top: 5%;
								 width: 100%;
								 height: auto;
							 }


						.navigation2 li:first-child a  {  background:none !important; }
						.navigation2 li:nth-child(2) a {  background:none !important; }
						.navigation2 li:nth-child(3) a {  background:none !important; }
						.navigation2 li:nth-child(4) a {  background:none !important; }
						.navigation2 li:nth-child(5) a {  background:none !important; }


						.navigation2 li:nth-child(1):hover ~ .bg {
							background: url('../images/blanket.png')fixed;
							background-position: center center;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
							background-size: cover;
				z-index: 99990;
						}

						.navigation2 li:nth-child(2):hover ~ .bg {
							background: url('../images/oh-wow.png')fixed;
							background-position: center center;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
							background-size: cover;
				z-index: 99990;
						}


						.navigation2 li:nth-child(3):hover ~ .bg {
							background: url('../images/skyc.png')fixed;
							background-position: center center;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
							background-size: cover;
				z-index: 99990;
						}


						.navigation2 li:nth-child(4):hover ~ .bg {
							background: url('../images/plates.png')fixed;
							background-position: center center;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
							background-size: cover;
				z-index: 99990;
						}


/* #Typography
================================================== */




@font-face {
	font-family: 'Times Now';
	src: url('TimesNow-SemiLight.otf');

}


@font-face {
	font-family: 'Euphoria';
	src: url('euphoria.otf');

}

	@font-face {
		font-family: 'Sneak';
		src: url('Sneak-Light.otf');

}

	h1, h2, h3, h4, h5, h6 {
		color: black;
		font-family: 'Sneak', serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 10px;  }
	h2 { font-size: 46px; line-height: 60px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 15px; line-height: 24px; padding-bottom: 20px;}
	.subheader { color: black; font-size: 45px; line-height: 35px; letter-spacing: -3;}

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	.catagories{font-size: 15px; font-family: "Times Now";}

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a { color: black; text-decoration: none; outline: 0;  font-size: 20px; }
	a:hover { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 0px; }
	ul { list-style: none; text-align: center; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 0px; padding-left: 0%; margin-right: 0; text-align: left; display: block; width: 100%;}
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }



/* #Images
================================================== */

	img,video{ width: auto; max-width: 100%; height: auto; margin: 0 auto 0em; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: black; /* Old browsers */
	  border: 0px solid #aaa;
	  -moz-border-radius: 0px;
	  -webkit-border-radius: 0px;
	  border-radius: 0px;
	  color: white;
	  display: inline-block;
	  font-size: 20px;
	  font-weight: normal;
	  text-decoration: none;
	  text-shadow: 0;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: black;
		background: white;  }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {

		background: #eee;
 }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 0!important;
		border-bottom: 1px solid black!important;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		font: 20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: black;
		margin: 0;
		width: 100%;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {

 		color: black;
 	 }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: black; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.margin { padding-top: 200px; }
	.margin2 { padding-top: 50px; }
	.margin3{ padding-top: 60%; }
	.margin4{ padding-top: 200px; }
	::selection{ background: black; color: white; }
	.footer-text{ float: left;  }
	.footer-link{ float: right;  }
	.footer-link:hover{ color: white; }
	.footer{ padding-top:20px; border-top: 1px solid white;margin-top: 50px; bottom: 0;width: 100%; clear: both;}







    .container                                  { width: 90%; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

		.two                                        { width: 48%; margin:2.5%: }
		.three 																			{ width: 32%; margin: 2.5%; }
		.two2                                       { width: 47%; margin: 2.5%; float: left; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }



  @media only screen and (min-width: 968px) and (max-width: 1059px) {
		.container                                  { width: 95%; }
		.container .columns,
		.container .column { margin: 0; }
		.three.alpha{ margin-left: 0!important }
		.three{ width: 45%; margin: 2.5%!important; }
		.three.omega{ width: 100%;margin: 0!important }

	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 95%; }
        .container .columns,
        .container .column { margin: 0; }
				.three.alpha{ margin-left: 0!important }
				.three{ width: 45%; margin: 2.5%!important; }
				.three.omega{ width: 100%;margin: 0!important }

    }




/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 95%; }
        .container .columns,
        .container .column { margin: 0; }
				.contact{ margin-top: -35px; }
				.paul{ margin-top: -30px; }
				.two p{ font-size: 12px; }
				.three p{ font-size: 15px; }
				.three{ padding-bottom: 50px; }
				.three.alpha{ margin-left: 0!important; float: left!important;  }
				.three{ width: 47%; margin: 0%!important; float: right!important; }
				.three.omega{ width: 100%;margin: 0!important; }
				.two.alpha{ float: left; width: 45%; }
				.two.omega{ float: right; width: 45%; }
				h1{ font-size: 20px; line-height: 20px;  }
				.work-feed img{ width: 95%;  }
				.margin{ padding-top: 80px; padding-bottom: 80px; }
				.top-caption{ font-size: 20px; line-height: 20px; padding-left: 80px; letter-spacing: 0px;width: 250px;margin-top: 10px;}
				.navigation{ padding-top: 50px; padding-bottom: 0;margin-bottom: 0; }
				.catagories{ font-size: 10px!important; }
				.work-link{ font-size: 50px;line-height: 50px; letter-spacing: -3px!important;}
				.work-link:hover{ margin-left: 0;}
				.top-bar{ margin-top: -8px; }
				.paul{ padding-top:12px; font-size: 15px;}
				.contact{ padding-top: 15px; width: 15px;}
				.bottom-bar{ padding-bottom: 20px; }
						.for-sale-button{
							float: right;
							padding-top: 10px;
						width: 15px;
							margin-right: 5px;
						}
				.availabilty,.update-date{ font-size: 12px;  }
				h2{ padding-bottom: 50px; }
				.work-links{ font-size: 15px; }
				h5.catagories{ font-size: 15px!important; }
				#information{ padding-top:50px; }
				.margin2{ padding-top: 0px; }
				#information h1 { font-size: 35px; line-height: 50px;padding-bottom: 20px; }
				.work-bar#work{ height: 30px; overflow-x: hidden;}
				.work-bar{ height: 30px;overflow-x: hidden; }
				.for-sale-bar{ height: 30px; }
				.for-sale{ margin-top: -20px!important; }
	.scroll-container{ width: 100%; }
		.navigation2 li:hover ~ .bg{ background: none!important; }
		.navigation li:hover ~ .bg{ background: none!important; }
		.store-section{ 		background: url('../images/bg.png');
		background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-size: cover;}
		marquee{ width: 100%; }
		.scroll-container{ width: 120%; }
.for-sale{
	float: left;
	margin-right: 10%;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: -5px;
}
.margin{ padding-top: 00px; }

.margin2{ padding-top: 20px; }
.price{ font-size: 50px; }

.for-sale-bar{ padding-top: 10px; }
.store{
		background: url('../images/bg.png') no-repeat;
		background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding-bottom: 120%!important;
	}

	.purchase-button{ width: 70px!important; float: left; }
	.margin3{ padding-top: 95%; }

	.store .top-bar{
background: #Ddd;
		 }

}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 95%; }
        .container .columns,
        .container .column { margin: 0; }


    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }