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

body
{
	padding-top: 60px;
}

html, body
{
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	color: #8d8d8d;
}

h5, .h5
{
	font-weight: 300;
	font-size: 18px;
	color: #8d8d8d;
}

.navbar
{
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	font-size: 20px;
	min-height: 60px;
	color: #8d8d8d  !important;
}

.navbar-brand
{
	align-items: center;
    display: flex;
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	font-size: 22px;
	height: 80px;
	color: #8d8d8d !important;
	letter-spacing: 5px;
}

.row-margins 
{
    background-color: #ffffff;
	min-height: 40px;
	margin-left: -20px;
    margin-right: -20px;
}

/*columns*/

.column1-padding
{
	padding-bottom: 40px;
}

.column1-padding-no-image
{
	background-color: #d7d5d2;
	min-height: 600px;
	font-weight: 300;
	font-size: 18px;
	color: #8d8d8d;
	padding-bottom: 40px;
}


.column2-padding
{
	font-weight: 300;
	font-size: 20px;
	color: #8d8d8d;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

.column2-padding-no-image
{
	background-color: #d7d5d2;
	font-weight: 300;
	font-size: 18px;
	color: #8d8d8d;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

.centered 
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: 200;
  }

.column1-contact
{
	background-color: #d7d5d2;
	font-weight: 300;
	font-size: 16px;
	color: #8d8d8d;
	padding-bottom: 40px;
	padding-top: 40px;
}

.column2-contact
{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	position: relative;
	text-align: center;
}

.column1-titlestory
{
	background-color: #d7d5d2;
	font-weight: 300;
	font-size: 18px;
	color: #8d8d8d;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.story-text-padding
{
	padding-bottom: 40px;
}

.column1-story
{
	background-color: #d7d5d2;
	font-weight: 300;
	font-size: 18px;
	color: #8d8d8d;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.column2-story
{
	
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

.parent
{
position: relative;
}

.child
{
position: absolute;
top: 10%;
left: 10%;
right: 10%;
bottom: 10%;
}

/*footer*/

.column2footer-padding
{
	padding-top: 40px;
	padding-left: 60px;
	padding-right: 40px;
}

footer 
{
	background-color: #d7d5d2;
	font-weight: 300;
	font-size: 14px;
	color: #8d8d8d !important;
	padding-bottom: 40px;
}

.social a
{
	color: #8d8d8d;
	font-size: 1.5rem;
	display: inline;
	padding-left: 0px;
	padding-right: 20px;
}

.social-contact a
{
	color: #8d8d8d;
	font-size: 1.6rem;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
	


/*shop*/

.shop-section
{
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	font-size: 18px;
	height: 120px;
	color: #8d8d8d;
	background-color: #F8F7F3;
}

.card
{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;

}

/*shop print*/

* {margin:0; padding:0; border:0; outline:0; box-sizing:border-box;}

.image, .thumb 
{
	width:100%;
	height:100%;
}

.main-image
{
	max-width:75%;
}


#product-image-wrap
{margin:50px 0 50px 50px;}

#product-image
{width:500px; height:500px; padding:20px; cursor:pointer; display:inline-block; transition:0.9s;}

#product-image:hover
{opacity:0.7;}

.product-image-thumbnail
{width:55px; height:55px; margin-top:20px; padding:10px; cursor:pointer; display:inline-block; transition:0.9s;}

.product-image-thumbnail:hover
{opacity:0.7;}

.product-image-thumbnail-spacer
{float:left; width:10px; height:130px;}

.print-description
{
	padding-top: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 60px;
}

.space
{
	padding-bottom: 80px;
}

.flexbox-container
{
    display: flex;
    flex-wrap: wrap;    
}

.flexbox-item
{
    background-color: white;
}

.flexbox-item-1
{
	width: 100vw;
	padding-bottom: 40px;
}

.flexbox-item-2
{
    min-height: 100px;
    width: 100vw;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.flexbox-item-3
{
    min-height: 100px;
    width: 100vw;
	padding-top: 10px;
	padding-bottom: 40px;
} 

.d-flex
{
	padding-top: 10px;
}

/*Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/

/*Small (sm) devices (landscape phones, 576px and up)*/

@media (min-width: 576px){
	body {padding-top: 80px;}
}

@media (min-width: 576px){
	.navbar {min-height: 80px;}
}

@media (min-width: 576px){
	.navbar-brand {font-size: 28px}
}

@media (min-width: 576px){
	.navbar-nav {text-align: right}
}

@media (min-width: 576px){
	.flexbox-item-1 {width: 50vw; max-width: 700px;}
}

@media (min-width: 576px){
	.flexbox-item-2 {width: 50vw; max-width: 700px;}
}

@media (min-width: 576px){
	.flexbox-item-3 {width: 50vw; max-width: 700px;}  
}
/*Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/