/* hero */

		.hiut-hero {
			width:100%;
			margin:0 auto 40px auto;
			height: 40vh;
			max-height: 700px;
			min-height: 400px;
			background: url(//cdn.shopify.com/s/files/1/0065/4242/t/7/assets/panel_1.jpg?701567602774977667) no-repeat center center;
			background-size: cover;
			position: relative;
  			display:block;
		}

		.hiut-hero:after {
         	content: '';
            display: block;
            padding-top: 20px;
            border-bottom: 1px solid #000;
            position: absolute;
            width: 100%;
            bottom: -20px;
            z-index: 100;
            height: 20px;
		}
		
		.hiut-hero-wrap {
		 width:450px;
		 position: absolute;
		 height:100%;
		 display:flex;
		}
		
		.hiut-hero h2 {
		 font-family: "Calluna";
		 font-weight: bold;
		 color: white;
		 text-transform: capitalize;
		 font-size:4rem;
         line-height:1.1;
	 	}
		
		/* position modifiers */
		
		.topleft {
			left:50px;
			align-items:flex-start;
		}
		
		.topmiddle {
			align-items:flex-start;
			left: 50%;
			transform: translateX(-50%);
		}
		
		.topright {
			right:50px;
			align-items:flex-start;
		}
		
		.midleft {
			left:50px;
			align-items:center;
		}
		
		.midmiddle {
			align-items: center;
			left: 50%;
			transform: translateX(-50%);
		}
		
		.midright {
			right:50px;
   		 	align-items:center;
		}
		
		.bottomleft {
			left:50px;
			align-items:flex-end;
		}
		
		.bottommiddle {
			align-items:flex-end;
			left: 50%;
			transform: translateX(-50%);
		}
		
		.bottomright {
			right:50px;
			align-items:flex-end;
		}
		
		@media all and (max-width: 1200px) {
			.hiut-hero h2 {
			 font-size:4rem;
		 	}
		}
		
		
		@media all and (max-width: 800px) {
			.hiut-hero h2 {
			 font-size:3rem;
		 	}
          	
          .topleft {
          left:20px;
          }

          .topright {
          right:20px;
          }

          .midleft {
          left:20px;
          }

         .midright {
          right:20px;
          }

          .bottomleft {
          left:20px;
          }
          
          .bottomright {
          right:20px;
          }
		}
		
		@media all and (max-width: 500px) {
			.hiut-hero h2 {
			 font-size:1.75rem;
		 	}
			.hiut-hero-wrap {
			 width:150px;
			}
		}
		
		@media all and (max-width: 400px) {
			.hiut-hero h2 {
			 font-size:1.25rem;
		 	}
		
		}

/* end hero */