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

A:link { COLOR: black; text-decoration: none; font-weight: normal }
A:visited { COLOR: black; text-decoration: none; font-weight: normal }
A:active { COLOR: black; text-decoration: none }
A:hover { COLOR: gray; text-decoration: none; font-weight: none }

body {
	align-content: center;
}


#container {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	align-items: center;	
}

#header {
	font-family: Raleway;
	font-style: normal; 
	font-weight: bold; 
	font-size: 20px;
	padding-top: 10px; 
	padding-bottom: 10px; 
}


#links {
	font-family: Raleway;
	font-style: normal; 
	font-size: 15px;
	word-spacing: 80px;
}


#content {
	width: 100%;
	font-family: Raleway;
	font-style: normal; 
	font-size: 15px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

}

#instagram-wrapper {
 z-index: 99;
 font-family: Raleway;
	font-style: normal; 
	font-size: 15px;
	text-transform: uppercase;
}

iframe {
  border: 0;
  }

#burger {
	float: right;
}

/* If the screen size is 1024px wide or less, hide the element */
@media only screen and (max-width: 1024px) {
  .instagramicon {
    display: none; !important;
  }
}


#clients {
	text-align: center;
	font-family: Raleway;
	font-style: normal; 
	font-size: 15px;

}


#shopify {
float: left; 
width: 50%;
display:inline;
}

#prints {
font-family: Raleway;
	font-style: normal; 
	font-size: 15px;
	float: right;
	width: 50%;
}

.printstext {
padding-left: 20px;
}

#form-confirmation {
text-align: center;
}

/* If the screen size is 900px wide or less, hide the element */
@media only screen and (max-width: 900px) {
  #shopify {
  width: 100%;
  }
}

/* If the screen size is 900px wide or less, hide the element */
@media only screen and (max-width: 900px) {
  #prints {
  width: 100%;
  }
}

/* If the screen size is 900px wide or less, hide the element */
@media only screen and (max-width: 900px) {
  .printstext {
padding-left: 0px;
  }
}

#footer {
	text-align: center;
	clear: both;
	padding-top: 10px;
	text-transform: lowercase;
}



	.hamburger {
	 z-index: 99;
    -webkit-transform: scale(0.6); 
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.6); 
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

//* iframe responsive */

.iframe-container {
  overflow: hidden;
  // Calculated from the aspect ration of the content (800:510 is 800/510= 0.6375/)
  padding-top: 63%;
  position: relative;
}

 
.iframe-container iframe {
   border: 0;
   height: 100%;
   top: 85px;
   width: 100%;
   position: absolute;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   text-align: center;
}

.iframe-container {
    height: 0;
    padding-bottom: 70%;
}

@media only screen and (min-width: 900px) {
.iframe-container {
    height: 492px;
    padding-bottom: 0;
}
}


@media only screen and (max-width: 900px) {
.iframe-container iframe {
    top: 55px; 
}
}


	@media screen and (max-width: 900px) {
  #container {
    width: 100%; !important;
  }
}

/* Hide Links */

/* If the screen size is 900px wide or less, hide the element */
@media only screen and (max-width: 900px) {
  #links {
    display: none; !important;
  }
}

/* If the screen size is 1024px wide or less, hide the element */
@media only screen and (max-width: 1024px) {
  .recent {
    display: none; !important;
  }
}


/* If the screen size is 1024px wide or less, hide the element */
@media only screen and (max-width: 1024px) {
  #instagram-wrapper {
    display: none; !important;
  }
}

/* Vertical Menu */

 @media screen and (max-width: 900px) {
  #burger a {
    float: none; !important;
    width: 100%; !important;
  }
}