@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300&display=swap');
* {
	box-sizing: border-box;
}


/* CSS Document */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document ========================================================================== */


/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */

html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}


/* Sections ========================================================================== */


/** * Remove the margin in all browsers. */

body {
	margin: 0;
}


/** * Render the `main` element consistently in IE. */

main {
	display: block;
}


/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}


/* Grouping content ========================================================================== */


/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */

hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}


/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */

pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}


/* Text-level semantics ========================================================================== */


/** * Remove the gray background on active links in IE 10. */

a {
	background-color: transparent;
}


/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */

abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}


/** * Add the correct font weight in Chrome, Edge, and Safari. */

b,
strong {
	font-weight: bolder;
}


/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */

code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}


/** * Add the correct font size in all browsers. */

small {
	font-size: 80%;
}


/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}


/* Embedded content ========================================================================== */


/** * Remove the border on images inside links in IE 10. */

img {
	border-style: none;
}


/** * Show the overflow in IE. * 1. Show the overflow in Edge. */

button,
input {
	/* 1 */
	overflow: visible;
}


/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */

button,
select {
	/* 1 */
	text-transform: none;
}


/** * Correct the inability to style clickable types in iOS and Safari. */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}


/** * Remove the inner border and padding in Firefox. */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}


/** * Restore the focus styles unset by the previous rule. */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}


/** * Correct the padding in Firefox. */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}


/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */

legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}


/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */

progress {
	vertical-align: baseline;
}


/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}


/** * Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}


/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */

[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}


/** * Remove the inner padding in Chrome and Safari on macOS. */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */

 ::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}


/* Interactive ========================================================================== */


/* * Add the correct display in Edge, IE 10+, and Firefox. */

details {
	display: block;
}


/* * Add the correct display in all browsers. */

summary {
	display: list-item;
}


/* Misc ========================================================================== */


/** * Add the correct display in IE 10+. */

template {
	display: none;
}


/** * Add the correct display in IE 10. */

[hidden] {
	display: none;
}


/* Body */

body {
	font-family: 'Work Sans', sans-serif;
	background-color: #e4e4e4;
	margin: 0;
}


/* Container */

.container {
	width: 1260px;
	max-width: 100%;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: -30px;
}


/* Header */

header {
	width: 100%;
	background-color: #D6B452;
}

.container .header a {}


/* Logo image */

#logo_img {
	padding-top: 45px;
	margin-left: 25px;
}


/* Logo Text */

.logo {
	color: #000;
	width: 90%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 35px;
	margin-bottom: 5px;
	margin-left: 80px;
	margin-top: -40px;
	line-height: 2em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 2.5em;
}

.topnav1 {
	background-color: #D6B452;
	float: right;
	width: 30%;
	margin-top: -145px;
}

.topnav1 #deskLinks {
	display: none;
}

.topnav1 a {
	float: left;
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.topnav1 a.icon {
	background-color: #000;
	color: #fff;
	display: block;
	float: right;
}

.topnav1 a:hover {
	background-color: #D6B452;
	color: #000;
}


/* For mobile */


/* Style navigation menu links */

.topnav a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
}


/* Style the hamburger menu */

.topnav a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}


/* Add a grey background color on mouse-over */

.topnav a:hover {
	background-color: #ddd;
	color: black;
}


/* Hides Navigation Menu - Tablet and Mobile */

.topnav {
	display: none;
}


/* Header for Contact Section */

.contact_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}


/* About Section */

.text_column {
	width: 90%;
	text-align: center;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 0px;
	color: #000;
	padding-bottom: 30px;
}


/* Products div - contains thumbnails*/

.product {
	display: inline-block;
	background-color: #fff;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.product_cart {
	display: inline-block;
	background-color: #fff;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}


/* Product Video */

.product_video {
	margin-right: 40px;
}


/* Product divs */

.thumbnail {
	width: 31%;
	height: 500px;
	text-align: center;
	float: left;
	margin: 30px 1% 20px 1.25%;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #D6B452;
}


/* Product divs for Index-page */

.thumbnail_index {
	width: 350px;
	height: 395px;
	text-align: center;
	float: left;
	display: inline;
	margin-left: 53px;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #D6B452;
}


/* Products in Cart */

.cart_product {
	width: 24%;
	background-color: #f2f2f2;
	margin-right: auto;
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 8px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 10px;
	border-radius: 8px;
}


/* Text connected to image zoom function */

.larger {
	color: #000;
	margin-top: -20px;
	font-size: 0.9em;
}


/* Title in Cart */

.h2_cart {
	margin-left: 30px;
	margin-top: 40px;
}


/* Total sum in Cart */

.cart_sum {
	clear: both;
	float: left;
	position: relative;
	margin-left: 30px;
}


/* Image in Cart */

.cart_img {
	margin-left: 60px;
}


/* Text Title in Cart */

.product .cart_product h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}


/* Text in Cart */

.product .cart_product p {
	margin: 0;
	color: #000;
	text-align: left;
	padding-left: 20px;
}


/* Text Title in Products */

.product .thumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}


/* Text in Products */

.product .thumbnail p {
	margin: 0;
	color: #000;
	text-align: left;
	padding-left: 20px;
}


/* More info */

.intro {
	background-color: #FFFFFF;
	padding-bottom: 35px;
	margin-top: -5px;
}


/* About - Column Section */

.column_about {
	width: 50%;
	height: 392px;
	padding-top: 0px;
	margin-bottom: -40px;
	float: left;
}


/* Column */

.column {
	width: 50%;
	height: 332px;
	text-align: center;
	padding-top: 0px;
	margin-bottom: -40px;
	float: left;
}

.intro .column h3 {
	color: #FFFFFF;
	text-align: center;
}

.intro .column p {
	color: #FFFFFF;
}


/* Images connected to products */

.cards {
	width: 200px;
	height: auto;
	max-height: 220px;
}


/* Products */

.prod {
	width: 200px;
	height: auto;
	max-width: 400px;
	max-height: 200px;
}


/* Special height for Product 3 */

#eight_mood {
	height: 205px;
}


/* Text in intro */

.intro .column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
	width: 80%;
	margin-top: 4%;
}


/* Footer Contact */

#information_sec {
	width: 31%;
	text-align: center;
	float: left;
	margin: -20px 1% 0px 1.25%;
}


/* Footer Links */

#information_links {
	width: 29%;
	text-align: center;
	float: left;
	margin: -20px 1% 0px 1.25%;
}

.foot_links {
	display: block;
	padding-bottom: 15px;
}

.foot_links a {
	color: #fff;
}

.foot_links a:hover {
	color: #D6B452;
}


/* Footer social links */

#social_links {
	width: 31%;
	text-align: center;
	float: left;
	margin: 30px 1% 0px 1.25%;
}

#social_links a {
	padding-right: 10px;
	text-decoration: none;
}


/* Information */

.info {
	color: #fff;
	text-decoration: none;
}


/* Buttons */

.button {
	width: 200px;
	background-color: #717070;
	color: #FFFFFF;
	margin-top: 50px;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	transition: all 0.1s linear;
}

.button:hover {
	background-color: #333;
	color: #FFFFFF;
	cursor: pointer;
}


/* Copyright Section */

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #D6B452;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-top-width: 2px;
}


/* Footer Section */

footer {
	background-color: #000;
	padding-top: 60px;
	padding-bottom: 130px;
	clear: both;
}


/* Product Div */

.intro_product {
	height: 600px;
	display: inline-block;
	background-color: #fff;
}


/* Section */

.intro {
	display: inline-block;
	background-color: #000;
	padding-bottom: 50px;
}


/* Profile */

.profile {
	width: 50%;
}


/* Price for Product */

.price_index {
	margin-top: -10px;
	margin-bottom: 40px;
}


/* About Product */

.product .thumbnail .tag {
	color: #000;
	padding-bottom: 15px;
	padding-top: 4px;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}


/* Proce for Product */

.price {
	margin-right: 40px;
	font-size: 1.2em;
	margin-top: 0px;
}

.product_name {
	margin-right: 40px;
}

.product_text {
	text-align: left;
	width: 80%;
	margin-left: 56px;
	margin-bottom: 40px;
}


/* Text in Index */

.index_column_text {
	font-size: 1em;
	padding-top: 47px;
}


/* Introduction Image */

.intro_image {
	width: 600px;
}


/* Text in About Section */

.about_text {
	padding-top: 15px;
	padding-right: 50px;
	padding-left: 25px;
	color: #fff;
	text-align: left;
	line-height: 1.3em;
}

h3.about_text {
	padding-top: 40px;
	padding-bottom: 0;
}


/* Slideshow */

.slideshow-container {
	max-width: 700px;
	max-height: 400px;
	position: relative;
	margin: auto;
}


/* Hide the images by default */

.mySlides {
	display: none;
}


/* The dots/bullets/indicators */

.dot {
	display: none;
}


/* Fading animation */

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}
	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}
	to {
		opacity: 1
	}
}


/* Footer in About */

.about_footer {
	margin-top: 25px;
}


/* Form in Cart */

input[type=text],
select,
textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 16px;
	resize: vertical;
}

input[type=submit] {
	background-color: #D6B452;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #000;
	color: #fff;
}


/* Form container */

.contain {
	width: 50%;
	border-radius: 8px;
	background-color: #f2f2f2;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-top: -900px;
	margin-right: 25px;
	float: right;
}


/* Products */

.product_page {
	width: 350px;
}


/* Read more buttons */

.button_more {
	background-color: #D6B454;
	font-size: 0.9em;
	font-weight: bolder;
	padding: 12px 20px;
	border-radius: 5px;
	text-decoration: none;
	color: #000;

}

.button_more:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}


/* Buttons Add to Cart */

.button_cart {
	background-color: #D6B454;
	font-size: 0.9em;
	padding: 12px 20px;
	margin-top: 15px;
	border-radius: 5px;
}

.button_cart:hover {
	background-color: #000;
	color: #fff;
}


/* Garbage icon */

.garbage_bin {
	width: 13px;
	margin-left: 20px;
	margin-top: 5px;
}


/* Text about Product */

.intro .column .product_h2 {
	color: #FFFFFF;
	margin-top: 70px;
}

.intro .column .products_info {
	margin-left: 55px;
	margin-top: 55px;
	
}

/*  Intro text on Index  */
.intro .column .index_column_text {
	margin-left: 55px;
}

.intro .column .index_column_text_2 {
	margin-left: 55px;
}


/* Between tablet and smaller desktop */

@media (min-width: 701px)and (max-width: 967px) {
	/* Container */
	.container {
		width: 100%;
	}
	/* Hides Navigation Manu for Tablets and Mobile */
	.topnav {
		display: none;
	}
	/* Text in header */
	.logo {
		margin-left: 50px;
		padding-top: 21px;
	}
	/* Hides Navigation for Desktop */
	#myLinks,
	.topnav1 {
		display: none;
	}
	/* Navigation for mobile and tablets */
	.topnav #mobLinks {
		display: none;
	}
	.topnav {
		display: block;
		background-color: #000;
		position: relative;
	}
	.topnav a {
		color: #fff;
		padding: 14px 16px;
		margin-bottom: 5px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}
	.topnav a.icon {
		background: black;
		color: #fff;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: -160px;
		font-size: 20px;
		margin-right: 0px;
	}
	.topnav a:hover {
		background-color: #000;
		color: #D6B452;
	}
	/* Div containing columns*/
	.intro {
		padding-bottom: 8%;
		height: auto;
	}
	/* Columns */
	.column {
		width: 80%;
		text-align: center;
		margin-left: 10%;
		margin-right: auto;
		padding-bottom: 0px;
		height: auto;
	}
	.index_column_text {
		text-align: center;
	}
	.intro .column .index_column_text {
		width: 90%;
		margin-left: 5%;
		margin-top: 2%;
	}
	.intro .column .index_column_text_2 {
		width: 90%;
		margin-left: 5%;
		margin-top: 25px;
		margin-bottom: 2%;
	}
	/* Image Slideshow Index */
	.slideshow-container {
		width: 100%;
		margin-top: 25px;
	}
	.mySlides {
		width: 100%;
	}
	/* Products */
	.product {
		width: 100%;
		padding-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	/* Product Image */
	#product_cover {
		margin-top: 25px;
	}
	/* Information about Product */
	.intro_product {
		width: 100%;
		height: auto;
		padding-bottom: 60px;
	}
	/* Hide tablet and mobile image  */
	.tablet_mobile {
		display: none;
	}
	/* Product video, name and price in Product */
	.product_video,
	.product_name,
	.price {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.product_text {
		width: 60%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	/* Products in cart */
	.cart_product {
		width: 270px;
		margin-top: 20px;
	}
	/* Images of items in cart*/
	.cart_img {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	/* Container for Form in Cart */
	.contain {
		padding-top: 0;
	}
	/* Divs for products in Index */
	.thumbnail_index {
		width: 31%;
		margin-right: 1%;
		margin-left: 1%;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	.text_column {
		width: 100%;
	}
	/* Divs for products */
	.thumbnail {
		width: 31%;
		margin-left: 1%;
		height: 600px;
	}
	.text_column {
		width: 90%;
		margin: 0;
		padding: 20px;
	}
	.intro .column p {
		width: 80%;
	}
	.product_h2 {
		margin-top: 74px;
		color: #fff;
	}
	/* About image */
	.intro_image {
		margin-top: 25px;
	}
	/* About column */
	.column_about {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0px;
		height: auto;
	}
	h3.about_text {
		text-align: center;
	}
	/* About text*/
	.about_text {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		padding-right: 0;
		padding-left: 0;
	}
	/* Products info */
	.intro .column .products_info {
		width: 85%;
	}
}


/* Smaller and normal desktops */

@media (min-width: 1260px) {
	/* Hide tablet and mobile image  */
	.tablet_mobile {
		display: none;
	}
}


/* Normal desktops */

@media (min-width: 968px) and (max-width: 1260px) {
	/* Container */
	.container {
		width: 100%;
	}
	/* Hides Navigation for Desktop */
	#myLinks,
	.topnav1 {
		display: none;
	}
	/* Navigation for mobile and tablets */
	.topnav #mobLinks {
		display: none;
	}
	.topnav {
		display: block;
		background-color: #000;
		position: relative;
	}
	.topnav a {
		color: #fff;
		padding: 14px 16px;
		margin-bottom: 5px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}
	.topnav a.icon {
		background: black;
		color: #fff;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: -145px;
		font-size: 20px;
		margin-right: 0px;
	}
	.topnav a:hover {
		background-color: #000;
		color: #D6B452;
	}
	/* Div containing columns */
	.intro {
		padding-bottom: 5%;
	}
	.column {
		width: 80%;
		text-align: center;
		margin-left: 10%;
		margin-right: auto;
		padding-bottom: 0px;
		height: auto;
	}
	.index_column_text {
		text-align: center;
	}
	.intro .column .index_column_text {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		margin-top: 2%;
	}
	.intro .column .index_column_text_2 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		margin-top: 2%;
	}
	/* Divs containing products */
	.intro_product {
		width: 100%;
		height: auto;
		padding-bottom: 60px;
	}
	.product_video,
	.product_name,
	.price {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.product_text {
		width: 50%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	/* Products in Cart */
	.cart_product {
		width: 300px;
	}
	/* Slideshow for Images in Index */
	.slideshow-container {
		width: 100%;
		margin-top: 25px;
	}
	.mySlides {
		width: 100%;
	}
	/* Products */
	.product {
		width: 100%;
		padding-bottom: 0;
		margin-left: 0.5%;
	}
	/* Hide tablet and mobile image  */
	.tablet_mobile {
		display: none;
	}
	/* Divs in Index for Products */
	.thumbnail_index {
		width: 31%;
		margin-right: 1%;
		margin-left: 1%;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	.thumbnail {
		width: 30%;
		margin-left: 1.7%;
		height: 560px;
	}
	.text_column {
		width: 90%;
		margin: 0;
		padding: 20px;
	}
	.intro .column p {
		width: 80%;
	}
	.product_h2 {
		margin-top: 74px;
		color: #fff;
	}
	/* Info about Products */
	.intro .column .products_info {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		margin-top: 6%;
	}
	/* Image for Products */
	#product_cover {
		width: 640px;
		margin-top: 20px;
	}
	/* About image */
	.intro_image {
		margin-top: 25px;
	}
	/* About column */
	.column_about {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0px;
		height: auto;
	}
	h3.about_text {
		text-align: center;
	}
	/* About text*/
	.about_text {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		padding-right: 0;
		padding-left: 0;
	}
}


/* Mobile */

@media (max-width: 320px) {
	.container {
		width: 100%;
	}
	header {
		width: 100%;
	}
	/* Logo text in Header */
	.logo {
		text-align: center;
		margin-top: 5px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding-top: 0;
		padding-bottom: 35px;
		font-size: 8vw;
	}
	/* Logo image */
	#logo_img {
		width: 14%;
	}
	/* Hides Navigation for Desktop */
	#myLinks,
	.topnav1 {
		display: none;
	}
	/* Navigation for mobile and tablets */
	.topnav #mobLinks {
		display: none;
	}
	.topnav {
		display: block;
		background-color: #000;
		position: relative;
		float: right;
	}
	.topnav a {
		color: #fff;
		padding: 12px 16px;
		margin-bottom: 5px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}
	.topnav a.icon {
		background: black;
		color: #fff;
		position: absolute;
		top: -145px;
	}
	.topnav a:hover {
		color: #D6B452;
		background-color: #000;
	}
	/*  Intro Div containing Columns */
	.intro {
		width: 100%;
	}
	.column {
		width: 100%;
		display: block;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 30px;
		float: none;
		height: auto;
	}
	.index_column_text {
		text-align: left;
		float: none;
		padding-right: 0;
	}
	.intro .column .index_column_text {
		width: 85%;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0px;
		padding-top: 0;
		text-align: left;
	}
	.intro .column .index_column_text_2 {
		width: 85%;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0px;
		margin-top: 25px;
		margin-bottom: -25px;
		text-align: left;
	}
	/*  Slideshow for Images in Index */
	.slideshow-container {
		width: 100%;
		margin-top: -5px;
	}
	.mySlides {
		width: 100%;
	}
	/*  Image cover in Products */
	#product_cover {
		width: 100%;
		height: auto;
		margin-top: -10px;
	}
	/*  Div for products in Index */
	.thumbnail_index {
		width: 80%;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	.product {
		width: 100%;
	}
	/* Cart products and info */
	.h2_cart {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	.cart_product {
		width: 100%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
	}
	.cart_img {
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
	}
	/* Form container*/
	.contain {
		width: 100%;
		float: none;
		display: block;
		margin-top: 70px;
		margin-bottom: -5px;
	}
	/*  Divs for Products */
	.thumbnail {
		width: 85%;
		height: auto;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.profile {
		width: 100%;
	}
	.intro .column p {
		width: 90%;
		text-align: left;
		padding-left: 0px;
	}
	/*  Footer 1 with contact info  */
	.container #contact #information_sec {
		width: 100%;
		margin-bottom: 20px;
		margin-top: -40px;
	}
	.container #contact {
		width: 100%;
		height: 350px;
	}
	.container #contact #social_links {
		width: 100%;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.container #contact #information_links {
		width: 100%;
		margin-left: -15px;
		margin-top: 0px;
	}
	.container #contact #information_sec,
	.container .about_footer #information_sec {
		width: 100%;
		margin-bottom: 20px;
		margin-top: -40px;
	}
	.container #contact,
	.container .about_footer {
		width: 100%;
		height: 380px;
	}
	.container #contact #social_links,
	.container .about_footer #social_links {
		width: 100%;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.container #contact #information_links,
	.container .about_footer #information_links {
		width: 100%;
		margin-left: -15px;
		margin-top: 10px;
	}
	/* Info about Products  */
	.intro .column .products_info {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		padding: 0;
	}
	/* Hide zoom-image */
	.intro_product .column #imgtab {
		display: none;
	}
	/*  Hides text connected to zoom-image */
	.intro_product .column .larger {
		display: none;
	}
	/* Product intro container */
	.container .intro_product {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		height: auto;
	}
	/* Product video */
	.product_video {
		width: 100%;
	}
	/*  Product name and price info */
	.product_name,
	.price {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.product_text {
		width: 90%;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	/* Product image for mobile*/
	.tablet_mobile {
		width: 100%;
		margin-bottom: -30px;
	}
	/* About image */
	.intro_image {
		width: 100%;
		margin-top: 0px;
	}
	/* About column */
	.column_about {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0px;
		height: auto;
	}
	h3.about_text {
		text-align: center;
	}
	/* About text*/
	.about_text {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		padding-right: 0;
		padding-left: 0;
	}
}


/* Small tablets */

@media (min-width: 321px)and (max-width: 700px) {
	/* Logo-text in Header  */
	.logo {
		width: 100%;
		text-align: center;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0;
		padding-bottom: 35px;
		font-size: 35px;
	}
	/* Navigation menu for Tablets and Mobile  */
	.topnav {
		display: block;
		background-color: #000;
		position: relative;
	}
	/*  Hides Navigation Menu for Desktop */
	#myLinks,
	.topnav1 {
		display: none;
	}
	.topnav a {
		color: #fff;
		padding: 12px 16px;
		text-decoration: none;
		font-size: 17px;
		display: block;
		margin-bottom: 5px;
	}
	.topnav a.icon {
		background: #000;
		color: #fff;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: -170px;
		font-size: 20px;
		margin-right: 0px;
	}
	.topnav a:hover {
		color: #D6B452;
		background-color: #000;
	}
	/*  Div containing Columns */
	.intro {
		width: 100%;
	}
	.column {
		width: 100%;
		display: block;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 30px;
		float: none;
		height: auto;
	}
	.index_column_text {
		text-align: left;
		float: none;
		padding-right: 0;
	}
	.intro .column .index_column_text {
		width: 85%;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0px;
		padding-top: 0;
		text-align: left;
	}
	.intro .column .index_column_text_2 {
		width: 85%;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0px;
		margin-top: 25px;
		margin-bottom: -25px;
		text-align: left;
	}
	/* Slideshow for images in Index  */
	.slideshow-container {
		width: 100%;
		margin-top: -5px;
	}
	.mySlides {
		width: 100%;
	}
	/* Image cover for Products  */
	#product_cover {
		width: 100%;
		height: auto;
		margin-top: -10px;
	}
	/*  Product div in Index */
	.thumbnail_index {
		width: 80%;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	/* Cart products and info */
	.h2_cart {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	.cart_product {
		width: 300px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
	}
	.cart_img {
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
	}
	/* Form container*/
	.contain {
		width: 100%;
		float: none;
		display: block;
		margin-top: 70px;
		margin-bottom: -5px;
	}
	/* About product section  */
	.product {
		width: 100%;
	}
	.intro_product {
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	.product_video {
		margin-top: -20px;
		margin-left: auto;
		margin-right: auto;
	}
	.product_name,
	.price {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.product_text {
		width: 60%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	/*  Products div */
	.thumbnail {
		width: 85%;
		height: auto;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.profile {
		width: 100%;
	}
	.intro .column p {
		width: 90%;
		text-align: left;
		padding-left: 0px;
	}
	/*  Product Information */
	.intro .column .products_info {
		float: none;
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	.intro_product {
		width: 100%;
		height: auto;
		padding-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
	}
	.product_video {
		margin-top: -20px;
		margin-left: auto;
		margin-right: auto;
	}
	.product_name,
	.price {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.product_text {
		width: 60%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	/* Hide zoom-image */
	.intro_product .column #imgtab {
		visibility: hidden;
		display: none;
	}
	/* Hides text connected to zoom-image  */
	.intro_product .column .larger {
		display: none;
	}
	/* Image for tablet and mobile */
	.tablet_mobile {
		width: 70%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	/* About image */
	.intro_image {
		width: 100%;
		margin-top: 0px;
	}
	/* About column */
	.column_about {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0px;
		height: auto;
	}
	h3.about_text {
		text-align: center;
	}
	/* About text*/
	.about_text {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		padding-right: 0;
		padding-left: 0;
	}
	/* Footer 1 contact information  */
	.container #contact #information_sec,
	.container .about_footer #information_sec {
		width: 100%;
		margin-bottom: 20px;
		margin-top: -40px;
	}
	.container #contact,
	.container .about_footer {
		width: 100%;
		height: 380px;
	}
	.container #contact #social_links,
	.container .about_footer #social_links {
		width: 100%;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.container #contact #information_links,
	.container .about_footer #information_links {
		width: 100%;
		margin-left: -15px;
		margin-top: 10px;
	}
}