@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&display=swap');

/*  MAIN STYLES  ============================================================================= */

html 				{overflow-y: scroll;}

a,
a:focus,
a:active,
a:hover 			{outline: none; text-decoration: none;}

::selection 		{background: #30B4C5; color:#666;}
::-moz-selection 	{background: #30B4C5; color:#666;}

img 				{-ms-interpolation-mode: bicubic; /* IE */ -ms-interpolation-mode:optimizeQuality; image-rendering:auto;}

.siteDesign 		{width:100%; height:20px; margin-top:5px; text-align:right; font-family: 'Lato', sans-serif; font-weight:300;font-size:12px; color:#555; padding-right:15px;}
.siteDesign:before  {content:"Site by ";}

.siteDesign a		{color:#666;text-decoration: none;}
.siteDesign a:hover	{color:#000; text-decoration: none;}


/*  Homepage cart update  ============================================================================= */
  
.header__navbar {
	padding: 0 0;
	border: 0px solid #a2a2a2;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
	position: sticky;
	top: 0;
	z-index: 1000;
}
.stickybanner {
	max-width: 1366px;
	margin: 0 auto;
	padding: 10px 3rem;
	text-align:center;
}
.stickybanner p {
	font-family: 'Lustria', serif;
	display:inline-block;
	font-size:14px;
	color: #2896a4;
}
.stickybanner a {
	display:inline-block;
	color: #2896a4;
}

@media (max-width: 769px) {
	.stickybanner p {
	font-size:13px;
	}
}
@media (max-width: 600px) {
	.stickybanner p {
	font-size:13px;
	}
}



/*  CARE  ============================================================================= */

#care				{margin-top:-30px; font-family: 'Lustria', serif;}	
#care .tab-content  {margin-left:-40px; }

.col-sm-6 .careImage {width:100%}

#care img 			{width: 100%;}
#care .careImage 	{max-width:520px; margin:20px auto; padding-right:70px;}	

#care h2 			{font-family: 'Lato', sans-serif; text-shadow:1px 1px 1px #fff; font-size:22px; color:#777; margin-top:60px;}
#care p				{font-size:15px; line-height:1.5em; color:#777;}
#care a 			{color:#30B4C5}

#care .nav-tabs > li.active > a,
#care .nav-tabs > li.active > a:hover,
#care .nav-tabs > li.active > a:focus {color: #555555;}


@media only screen and (max-width: 1200px) {
#care .careImage 	{margin:40px auto}	
#care h2 			{margin-top:30px;}
}
@media only screen and (max-width: 998px) {
#care h2 			{margin-top:15px;}
}
@media only screen and (max-width: 768px) {
#care .careImage 	{max-width:400px; margin-left:auto; margin-right:auto; margin:10px auto; padding-right:0px;}	
}
@media only screen and (max-width: 600px) {
#care a				{font-size:12px;}
}
@media only screen and (max-width: 500px) {
#care a				{font-size:11px;}
#care h2			{font-size:16px;}
#care p				{font-size:11px;}
}
@media only screen and (max-width: 400px) {
#care a				{font-size:8px;}
}

/*  SIZE GUIDE  ============================================================================= */

#sizeGuide p 				{font-family: 'Lustria', serif; font-size:15px; margin-left:0px;}
#sizeGuide .panel-heading 	{font-family: 'Lustria', serif; font-size:15px;}

#sizeGuide .panel {margin:17px auto;}

@media only screen and (max-width: 1200px) {
#sizeGuide .panel 			{margin-left:0;}
}
@media only screen and (max-width: 400px) {
#sizeGuide p 				{font-size:12px;}
#sizeGuide a 				{font-size:10px;}
#sizeGuide .panel-heading 	{font-size:12px}
#sizeGuide tr 			  	{font-size:10px}
#sizeGuide td			  	{font-size: 10px}

}


/*  CART MESSAGE  ============================================================================= */

#cart 				{text-align:center}
#cart h2 			{font-family: 'Lustria', serif; font-size:20px; color:#666;  margin-top:-20px;}
#cart p				{font-size:15px; font-family: 'Lustria', serif; color:#555;text-align:center; padding-bottom:20px;}
#cart a				{color: #2896a4;}
@media only screen and (max-width: 640px) {
#cart h2 			{font-size:15px}
#cart p				{font-size:12px}
}
@media only screen and (max-width: 400px) {
#cart h2			{font-size:12px}
#cart p				{font-size:10px}
}



/*   SHIPPING & RETURNS  ============================================================================= */

#shipping 				{font-family: 'Lustria', serif; color:#555;padding-left:5px;}
#shipping h2 			{font-family: 'Lustria', serif; font-size:20px; color:#666;}

@media only screen and (max-width: 640px) {
#shipping h2 			{font-size:18px}
#shipping p				{font-size:9px}
}
@media only screen and (max-width: 400px) {
#shipping h2			{font-size:14px}
#shipping p				{font-size:8px}
}



/*  ABOUT PAGE  ============================================================================= */

#about 				{padding:30px; background-color:#fff; border: 1px solid #eee;
-webkit-box-shadow: 2px 2px 2px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 2px 0px #ccc;  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 2px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
#about .row 		{margin:0 auto; width:100%}

#about h3			{font-family: 'Lato', san-serif; text-transform: uppercase; font-size:14px; color:#444; line-height: 20px; margin:7px 0 10px 0; text-align:left;}
#about p 			{font-family: 'Lustria', serif; font-size:15px; color:#444; line-height: 28px; margin:8px 0 30px 0; text-align:justify;}
#about a 			{color:#30B4C5}

.about-photo		{width:100%;}
.about-photo img	{width:100%; margin-top:2%;}

.about-photo2		{width:100%; display:none;}
.about-photo2 img	{width:100%;}

.aboutModal			{text-align:center;}
.aboutModal img 	{width:100%}
.aboutCaption		{font-size:12px;}

@media only screen and (max-width: 1200px) {
#about p			{font-size:12px; line-height: 20px;}
.about-photo		{margin-top:1%;}
}
@media only screen and (max-width: 990px) {
.about-photo		{display:none;}
.about-photo2		{display:block; text-align:center; margin-top:10px; padding-bottom:20px;}
}
@media only screen and (max-width: 768px) {
.aboutCaption		{font-size:10px;}
}


/*  PRODUCT PAGE  ============================================================================= */

	.product 				{position:relative; margin:0 auto; width:100%; background:#fff; padding:30px; text-align:right; font-family: 'Lustria', serif; color:#444; border: 1px solid #eee;-webkit-box-shadow: 2px 2px 2px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */-moz-box-shadow:2px 2px 2px 0px #ccc;  /* Firefox 3.5 - 3.6 */box-shadow:2px 2px 2px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
		

		
	.itemImage 				{max-width:1000px; text-align:center; position: relative; margin: 0 auto;}	
	.itemImage img			{vertical-align:middle; cursor: pointer;}
	.product img 			{max-width: 100%;}


	.product h1 			{font-family: 'Cormorant Garamond', serif; font-weight:500; font-size:25px; color:#000; margin:30px 0px; text-align: left}
	.product .pgrph p		{font-family: 'Lustria', serif;  line-height:1.7em; margin-top:0px; text-align:left;}
	.product p 				{font-family: 'Lustria', serif; font-size:15px; line-height:1.7em; margin-top:0; text-align:left;}
	.product a 				{color: #30B4C5; cursor:pointer;}
	.product a:hover		{color: #30B4C5; text-decoration:none;}

	


	.itemDesc 			  	 	{margin-top:50px; width:100%;}
	.itemDesc h6				{margin-bottom:10px}
	.product .sku,
	.product .pgrph .sku 		{font-size:12px; color:#bbb; margin-top:-10px;}
	.product .pgrph .materials	{font-size:12px; color:#222;}
	.itemPrice 			   		{font-size:19px; color:#444; padding-top:0px; text-align:left}
	.size 			  			{font-size:12px; color:#444; margin:-5px 0-10px 0; text-align:left}

	.itemDesc .text 			{font-family: 'Lustria', serif; font-size:12px; line-height:15px; color:#555; padding-bottom:20px; margin-top:10px;}

	.itemAttr 					{display: inline;}

	.input-large 				{margin:10px 30px 15px 0px;width: 70%;}

	.size .form-control {
	  display: inline;
	  width: 70%;
	  height: 25px;
	  font-size: 12px;
	  line-height: 1.228571429;
	  color: #000;
	  vertical-align: middle;
	  background-color: #fff;
	  border: 1px solid #000;
	  border-radius: 2px;
	  -webkit-appearance:none;
      -moz-appearance:none;
      background-position:right 50%;
      background-repeat:no-repeat;
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
      padding: .4em;
      padding-right:1.5em;
	}

	.size .form-control:focus {
	  border-color: #000;
	  outline: 0;
	  -webkit-appearance:none;
      -moz-appearance:none;
	  -moz-box-shadow:    0px 0px 0px 0px #000;
      -webkit-box-shadow: 0px 0px 0px 0px #000;
      box-shadow: 0px 0px 0px 0px #000;
	}

	select {
	  
	}



.snipcart-add-item .btn-default {width:200px; background-color:#333; color:#fff; border: 1px solid #333; margin-top:4px; text-transform: uppercase;display: inline; width:100%}

.snipcart-add-item .btn-default:hover {background-color:#fff; color: #000; border: 1px solid #000; 
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}



.cloudzoom-zoom-inside 	{cursor:pointer; z-index: 9999;}
.cloudzoom-blank 		{background-image:url(../img/blank.png);}
.cloudzoom-ajax-loader 	{background-image:url(../img/icons/ajax-loader.gif); width:32px; height:32px;}
.cloudzoom-gallery 	   	{width:18%; height:18%; margin-top:10px; margin-bottom:20px; border:1px #ccc solid;}

.zoom					{display:none;width:100%; height:15px; text-align:center;}
.zoom p 				{font-family: 'Lustria', serif; font-size:12px; color:#ccc; text-align:center}




@media all and (max-width: 1200px) {

.product .itemDesc p ,
.product .pgrph p,
.product .pgrph .sku,
.product .pgrph .sku,
.itemAttr ,				
.itemPrice,
.size							{text-align:center;}
.product h1 					{text-align:center; margin:15px 0 0 0; font-size:30px; color:#333;}
.product .pgrph .materials		{margin-top:30px;}
	
.snipcart-add-item .btn-default {width:70%; height:30px; font-size:12px; margin-right:15%}
.size .form-control				{width:70%;height: 30px; margin-left:3%}
	
hr								{width:90%}
	
.desktop-only					{display:none; visibility: hidden;}
	
}

@media all and (max-width: 992px) {
	
.snipcart-add-item .btn-default {width:70%; height:30px; font-size:12px; margin-right:15%}
.size .form-control				{width:70%;height: 30px; margin-left:4%}
	
.desktop-only					{display:none; visibility: hidden;}
	
}


@media all and (max-width: 768px) {

.itemDesc 			   			{margin-top:30px;}
.product h1 					{font-size:25px;}
.itemPrice 						{padding-top:10px;}
.itemImage 						{margin-top:20px;}
	
.snipcart-add-item .btn-default {width:90%; font-size:12px;margin-right:5%}
.size .form-control				{width:90%;margin-right:4%}

}

@media (max-width: 550px) {
.product h1 					{font-size:25px; }
.product .itemDesc p 			{font-size:12px; }
.itemPrice 			   			{font-size:15px;}

}


/*  HEADER  ============================================================================= */

.logo 						{text-align: center; margin-top:20px;}
.logo img 					{width:200px}

.navbar-default .navbar-nav > li > a 		{font-family: 'Lato', sans-serif;font-weight:300;}
.navbar-default .navbar-nav > .cart > a 	{color: #444;}


.nav > li > a:hover,
.nav > li > a:focus 		{color: #30B4C5; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.nav .active > a 			{color: #30B4C5;}



@media only screen and (max-width: 1200px) {
.header > nav > ul > li > a {font-size:13px;}
.header > nav > ul > li > a {padding: 10px 28.3px;}
}	  
@media only screen and (max-width: 992px) {
.header > nav > ul > li > a {font-size:11px;}
.header > nav > ul > li > a {padding: 10px 18.5px;}
.logo img 					{width:150px}
} 
@media only screen and (max-width: 767px) {
.logo img 					{margin-left:-30px;}
.header > nav > ul 			{display: block; margin-left:0; padding: 0;}
.header > nav > ul > li 	{padding: 0; list-style: none; margin: 0; margin-left:0px;}
.header > nav > ul > li > a {color:#555; padding: 10px 15px;}
.header > nav 				{display: block; margin-top: 0px; margin-bottom: 1em;}
.nav > li > a:hover,
.nav > li > a:focus 		{text-decoration: none; background-color: #eeeeee;}
}

/*  FOOTER  ============================================================================= */

footer 								{margin:0px auto; border-top:0px solid #fff;position:relative; height:40px; background-color: #333; }
footer .container 					{padding-right:15px; padding-left:15px;}
footer .navbar-nav > li > a 		{padding-top: 10px; padding-bottom: 10px; font-size: 12px; line-height: 20px; text-transform:uppercase; text-align:center; letter-spacing:2px; font-family: 'Lato', sans-serif; font-weight:300;color:#fff;}		

footer .navbar-center > li > a 		{padding: 10px 49.8px;}
	
@media only screen and (max-width: 1200px) {
footer .navbar-nav > li > a 		{font-size: 11px;}
footer .navbar-center > li > a 		{padding: 10px 36px;}
}
@media only screen and (max-width: 992px) {
footer .navbar-nav > li > a 		{font-size: 10px;}
footer .navbar-center > li > a 		{padding: 10px 21px;}
}  
@media only screen and (max-width: 768px) {
footer 								{height:40px;}
footer .navbar-nav > li > a 		{font-size: 10px;}
footer .navbar-nav > li > a:hover, 
footer .navbar-nav > li > a:focus 	{text-decoration: none; background-color: #222;}
}
@media only screen and (max-width: 767px) {
footer 	{height:250px;}
}




/*  SCROLL TO TOP  ============================================================================= */
#back-top {position:fixed; bottom:5%; right:.5%;z-index:1000;opacity:50%}
#back-top a {width: 50px; display:block; text-align:center; font:11px/100% Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; opacity:.8;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
#back-top a:hover {opacity:1; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
/*icon */
#back-top span {width:50px; height:80px; display:block; padding-top:5px; margin-bottom:7px; background:url(../img/icons/arrow-black-med.png) no-repeat center center; -webkit-transition:1s; -moz-transition:1s; transition:1s;}

@media all and (max-width: 3000px) and (min-width: 2200px) {
#back-top {right:22%;}	
}
@media all and (max-width: 2199px) and (min-width: 1900px) {
#back-top {right:1%;}	
}
@media all and (max-width: 1899px) and (min-width: 1700px) {
#back-top {right:9%;}	
}
@media all and (max-width: 1699px) and (min-width: 1500px) {
#back-top {right:5%;}	
}
@media only screen and (max-width: 767px) {
#back-top {bottom:27%;}
}
@media only screen and (max-width: 600px) {
#back-top {bottom:26%;}
}




/*  INDEX SHOP COLUMNS  ============================================================================= */

.font-alt {
	font-family: 'Lato', sans-serif;
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing:1px;
	word-spacing: -0.1em;
	font-weight: 300;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.font-alt span{
	font-weight: 700;
}

.align-center {text-align:center: margin:0 auto;}


.shop:hover {
	text-decoration: none;
}

.img-wrapper {
  position: relative;
 }

.img-responsive {
  width: 100%;
  height: 100%;
}

.img-responsive:hover {
opacity: .7;
	filter: alpha(opacity=70)
	-webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

/* remove 

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;
  height: 85%;
}


.post-prev-img{
    margin-bottom: 23px;
    position: relative;
	-webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.post-prev-img:hover{
    opacity: .7;
	filter: alpha(opacity=70)
	-webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-img img{
    width: 100%;
}




.img-overlay > header {
  position: absolute;
  top: 42%;
  left: 0;
  width: 100%;
  padding: 10px 10px;
  background: inherit;
  background-attachment: fixed;
  overflow: hidden;
}

.img-overlay> header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7)
}
.img-overlay > header > h1 {
  margin: 0;
  font-family: 'Lustria', serif;
  color: black;
  font-size:25px;
  position: relative;
  z-index: 1;
  text-align:center;
  text-transform: uppercase;
}


@media only screen and (max-width: 991px) {
	.img-overlay > header > h1 {
  		font-size:20px;
	}
}

@media only screen and (max-width: 767px) {
	.img-overlay > header > h1 {
  		font-size:18px;
	}

}
@media only screen and (max-width: 700px) {
	.img-overlay > header > h1 {
  		font-size:15px;
	}
}

@media only screen and (max-width: 400px) {
	.img-overlay > header > h1 {
  		font-size:10px;
	}
}


 */


/*  EXHIBIT BANNER  ============================================================================= */

.exhibit-banner img{
	width:100%; opacity:85%;
}

.exhibit-banner-title {
  padding:20px;
  font-family: 'Lustria', serif;
  text-transform: uppercase;
  letter-spacing: 5px;
  position: absolute;
  top: 9%;
  left: 9%;
  transform: translate(50px, 50px);
  color: white;
  text-align: center;
}
.exhibit-banner-title h1 {
  margin: 0;
  font-size: 6.5rem;
  white-space: nowrap;
}
.exhibit-banner-title h2 {
  font-size: 2.5rem;
  letter-spacing: 7px;
  margin-top:0px;
}


@media only screen and (max-width: 1200px) {
	.exhibit-banner-title h1 {
	  font-size: 4.5rem;
	}
	.exhibit-banner-title h2 {
	  font-size:2rem;
	  letter-spacing: 6.5px;
	}
}

@media only screen and (max-width: 990px) {
	.exhibit-banner-title {
	  top: 5%;
	}
	.exhibit-banner-title h1 {
	  font-size: 3.5rem;
	}
	.exhibit-banner-title h2 {
	  font-size:1.5rem;
	  letter-spacing: 6px;
	}
}

@media only screen and (max-width: 767px) {
	.exhibit-banner-title h1 {
	  font-size: 2.8rem;
	  letter-spacing:6px;
	}
	.exhibit-banner-title h2 {
	  font-size:1.2rem;
	}
}
@media only screen and (max-width: 620px) {
	.exhibit-banner-title {
	  text-align: left;
	  top:2%;
      left: 6%;
      transform: translate(10px, 30px);
	}
	.exhibit-banner-title h1 {
	  font-size: 2.3rem;
	}
	.exhibit-banner-title h2 {
	  font-size:1rem;
	}
}

@media only screen and (max-width: 480px) {
	.exhibit-banner-title {
	  top: 0%;
	  left:0%;
	}
	.exhibit-banner-title h1 {
	  font-size: 2rem;
	}
	.exhibit-banner-title h2 {
	  font-size:1rem;
	  letter-spacing: 4px;
	}
}
@media only screen and (max-width: 375px) {
	.exhibit-banner-title {
	    top: -10%;
		left:0%;
	}
	.exhibit-banner-title h1 {
	  font-size: 1.5rem;
	}
	.exhibit-banner-title h2 {
	  font-size:.9rem;
	  letter-spacing: 2px;
	}
}




/* NEW FOOTER (?)  ============================================================================= */

.footer{
    text-align: center;
    font-size: 12px;   
}
.footer a{
    color: #888;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.footer a:hover{
    color: #111;
     text-decoration: none;
}
.footer-copy{
    margin-bottom: 5px;
    text-transform: uppercase;
	font-size:10px;
    letter-spacing: 0.4em;
	text-decoration:none;
}

.footer-made{
    font-size: 11px;
    color: #999;
}