body {
	margin: 0 auto;
}
/* 
   */


body.hero {
    min-width: 0;
    width: 100%;
}
body.hero #main-content {
	max-width: 100%!important;
}

#landing-page-wrap * {
	box-sizing: border-box!important;
}

#landing-page-wrap {
	
	background-position: top center, bottom center;
	
	box-sizing: border-box;
	font-size: 16px;
	padding: 0;
	position: relative;	
	background-color: #3a4f89;
	font-size: 16px;
	overflow: hidden;
	
	* {
		box-sizing: border-box;
	}
	*,
	*::after {
		box-sizing: inherit;
	}
	

	.content-container {
		width: 100%;
		max-width: 1000px;
		padding: 0 20px;
		margin: 0 auto;
	}
	
	.divider {
		
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 50px;
		width: 100%;
		display: block;
		max-width: 800px;
		margin: 0 auto;
	}
}

#hero {
	font-size: 1em;
	text-align: center;
	
	padding: 8em 0 0;
	
	background-size: auto 100%;
	
	.hero-logo {
		max-width: 450px;
		width: 96%;
		margin: 0 auto;
	}
	.hero-title {
		max-width: 580px;
		width: 96%;
		margin: 0 auto;
	}
	.title {
		font-family: MuseoSans-500, arial, helvetica, sans-serif;
			-webkit-font-smoothing: antialiased;
			font-weight: 600!important;
			-moz-osx-font-smoothing: grayscale;
		font-size: 3.6em;
		letter-spacing: 1.05px;
		text-shadow: 2px 2px 4px rgba(255, 255, 255, 1);
		margin-top: .2em;
	}
	:h2 {
		font-weight: normal;
		max-width: 400px;
		margin: 0 auto 1.4em!important;
	}
}
@media screen and (max-width: 520px) {
	#hero {
		font-size: .7em;
		font-size: 3vw;
	}
}


#featured-products {
	
	
	background-repeat: repeat;
	background-position: top left;
	
	.product-row {
		padding: 120px 0 0;
		align-items: center;

	

    @media screen and (max-width: 480px)
    {
      .product-text {
         margin-top: 4rem;
        height: auto;
        width: 80%;
        /* align-content:center; */
        margin-left: 5%;
        /* margin-right: 4rem; */
        background: transparent;
      }
      	.product-image {
        margin-left: 20%;
          height: 10rem;
          border-radius: 20%;
			/* max-width: 300px; */
			
	     	}
          
  }

     @media screen and (min-width: 480px)
    {
      
  		.product-text {
              margin-left: 10rem;
              margin-right: 10rem;
  
  			background: transparent;
  		}
      	.product-image {
          height: 18rem;
            border-radius: 20%;
			max-width: 400px;
			margin: 0 auto;
		}
    }
		.product-title {
			font-size: 28px;
			color: #3d7ec5;
		}
		:p {
			line-height: 1.5;
			font-size: 19px;
		}
		.product-buttons {
			
			margin: 1em 0;
			
		}
		:a.shop.btn {
			font-size: 20px;
			
			color: #222;
			text-decoration: none;
			font-family: 'UniversLTPro-55Roman', arial, helvetica, sans-serif;
			margin: 10px 0 0;
   
    font-family: 'UniversLTPro-55Roman',arial,helvetica,sans-serif;
    padding: 14px 0 10px 2em;
    display: block;
    position: relative;
   
		background-size: auto;
		transition: filter .15s;
			-webkit-filter: opacity(1);
  	filter: opacity(1);
		}
		:a.shop.btn:hover {
			
			-webkit-filter: opacity(.75);
  	filter: opacity(.75);
		}
	}
	.product-row::after {
		content: "";
		display: block;
		clear: both;
		float: none;
	}
	.product-row:nth-child(odd) {
			flex-direction: row-reverse;
	}
	@media only screen and (min-width: 620px) {
		/* .product-row:nth-child(2n+2) {
			margin-top: 300px;
		} */
		.product-row:nth-child(odd) .product-image {
			padding-left: 5%;
			padding-right: 5%;
		}

		.product-row {
			display: flex;
			margin-bottom: 0;

			min-height: 380px;
			align-items: center;

			.product-image {
				
				width: 45%;
				float: left;
				flex: 1 1 45%;
				padding-right: 5%;
				max-width: 45%!important;
				min-width: 320px;
                
			}
			.product-text {
				// display: flex;
				position: relative;
				width: 55%;
				float: right;
				flex: 1 1 55%;
				max-width: 55%;
				// flex-flow: column;
    		// justify-content: center;
    		// align-items: flex-start;
				
				h4 {
					margin: 0 0 .5em 0;
					font-family: MuseoSans-500, arial, helvetica, sans-serif;
				}
				p {
					// padding-bottom: 1.8em;
				}
				.product-buttons {
					// display: flex;
					// position: absolute;
					// bottom: 0px;
					// flex-flow: row wrap;
					// align-self: flex-end;
					
					.btn {
						margin-right: 1em;
					}
				}
			}
		}
	}
}
#cta {
	padding: 30px 0;
}
#cta .content-container {
    text-align: center;
}
#cta .btn {
		display: block;
    background-color: transparent;
    border: .13em solid white;
    text-align: center;
    font-family: 'UniversLTPro-55Roman', arial, helvetica, sans-serif;
    color: white;
    font-size: 2.1em;
		display: block;
		font-weight: normal;
		letter-spacing: 1px;
    text-decoration: none;
    padding: .375em .8em .25em;
    border-radius: .4em;
    margin-top: 0.25em;
    margin-bottom: 1.25em;
    line-height: 1.4;
    -webkit-transition: all .3s;
    transition: all .2s ease-in-out;
    background-color: #2b7bb9;
}
#cta .btn::after {
	display: block;
	clear: both;
	content: "";
}
#cta .btn:hover {
    color: #2b7bb9;
    background-color: white;
	border-color: #2b7bb9;
}
@media screen and (min-width: 620px) {
	#cta .btn {
			display: inline-block;
	}
}
@media screen and (max-width: 900px) {
	#cta {
		font-size: 2.0vw;
	}
}
@media screen and (max-width: 619px) {
	#cta {
		
		.btn {
			padding: .975em .8em .85em;
		}
	
	}
}


/* Animate Elements*/

@media only screen and (min-width: 620px) {

	.animation-element,
	.product-row > div {
		opacity: 0!important;
		position: relative;
	}
	/*animation element sliding left*/

	.animation-element,
	.product-row > div {
		-moz-transition: all 500ms ease-in-out;
		-webkit-transition: all 800ms ease-in-out;
		-o-transition: all 800ms ease-in-out;
		transition: all 800ms ease-in-out;
		transition-timing-function: ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	}
	.product-row:nth-child(even) .product-image,
	.product-row:nth-child(odd) .product-text {
		-moz-transform: translate3d(-100px, 0px, 0px);
		-webkit-transform: translate3d(-100px, 0px, 0px);
		-o-transform: translate(-100px, 0px);
		-ms-transform: translate(-100px, 0px);
		transform: translate3d(-100px, 0px, 0px);
	}
	.animation-element.slide-right,
	.product-row:nth-child(odd) .product-image,
	.product-row:nth-child(even) .product-text {
		-moz-transform: translate3d(100px, 0px, 0px);
		-webkit-transform: translate3d(100px, 0px, 0px);
		-o-transform: translate(100px, 0px);
		-ms-transform: translate(100px, 0px);
		transform: translate3d(100px, 0px, 0px);
	}

	.product-row .in-view {
		opacity: 1!important;
		-moz-transform: translate3d(0px, 0px, 0px)!important;
		-webkit-transform: translate3d(0px, 0px, 0px)!important;
		-o-transform: translate(0px, 0px)!important;
		-ms-transform: translate(0px, 0px)!important;
		transform: translate3d(0px, 0px, 0px)!important;
	}
}