@import url("https://fonts.googleapis.com/css?family=Rubik:700&display=swap");
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}


@font-face {
	src: url("https://assets.codepen.io/4175254/DIN2014-DemiBold.ttf") format("truetype");
	font-family: 'DIN 2014';
	font-weight: 600;
  }
  body {
	display: flex;
	justify-content: center;
	/* align-items: center; */
	min-height: 100vh;
	min-height: 100dvh;
	background-color: #1c1c1c;
  }
  
  .button {
	background-color: transparent;
    border: 0px;
	--bevel: 3px;
	--border-width: 3px;
	font-family: 'DIN 2014';
	font-weight: 600;
	color: #1d2119;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.95));
	min-width: 10em;
	margin: 1rem 0;
	display: block;
  }
  
  .button-outline {
	--bevel-1: calc((var(--bevel) + (var(--border-width)) * 2) - ((var(--border-width) * 0.41421)) * 2);
	--bevel-2: calc(var(--bevel-1) + var(--border-width));
	--bevel-3: calc(var(--bevel-2) + var(--border-width));
	display: block;
	margin-top: calc(var(--border-width) * -1);
	margin-left: calc(var(--border-width) * -1);
	padding: var(--border-width);
	background-color: #fff;
	clip-path: polygon(var(--bevel-2) var(--border-width), calc(100% - var(--bevel-2)) var(--border-width), 100% var(--bevel-3), 100% calc(100% - var(--bevel-1)), calc(100% - var(--bevel-1)) 100%, var(--bevel-3) 100%, var(--border-width) calc(100% - var(--bevel-2)), var(--border-width) var(--bevel-2));
	transition-property: clip-path;
	transition-duration: .2s;
  }
  .button:hover:not(:active) .button-outline, .button:focus-visible:not(:active) .button-outline {
	clip-path: polygon(var(--bevel-1) 0, calc(100% - var(--bevel-3)) 0, 100% var(--bevel-3), 100% calc(100% - var(--bevel-1)), calc(100% - var(--bevel-1)) 100%, var(--bevel-3) 100%, 0 calc(100% - var(--bevel-3)), 0 var(--bevel-1));
  }
  
  .button-shadow {
	--padding: calc(var(--border-width) * 2);
	--bevel-1: calc((var(--bevel) + var(--border-width)) - (var(--border-width) * 0.41421));
	--bevel-2: calc(var(--bevel-1) + var(--border-width));
	--bevel-3: calc(var(--bevel-2) + var(--border-width));
	display: block;
	padding: calc(var(--border-width) * 2) var(--padding) var(--padding) calc(var(--border-width) * 2);
	background-color: #1d2119;
	clip-path: polygon(var(--bevel-2) var(--border-width), calc(100% - var(--bevel-2)) var(--border-width), 100% var(--bevel-3), 100% calc(100% - var(--bevel-1)), calc(100% - var(--bevel-1)) 100%, var(--bevel-3) 100%, var(--border-width) calc(100% - var(--bevel-2)), var(--border-width) var(--bevel-2));
	transition-property: clip-path;
	transition-duration: .2s;
  }
  .button:hover:not(:active) .button-shadow, .button:focus-visible:not(:active) .button-shadow {
	clip-path: polygon(var(--bevel-1) 0, calc(100% - var(--bevel-3)) 0, 100% var(--bevel-3), 100% calc(100% - var(--bevel-1)), calc(100% - var(--bevel-1)) 100%, var(--bevel-3) 100%, 0 calc(100% - var(--bevel-3)), 0 var(--bevel-1));
  }
  
  .button-inside {
	--padding-vertical: 6px;
	display: block;
	padding: var(--padding-vertical) 24px calc(var(--padding-vertical) - .125em);
	background-color: #fff;
	clip-path: polygon(var(--bevel) 0, calc(100% - var(--bevel)) 0, 100% var(--bevel), 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, var(--bevel) 100%, 0 calc(100% - var(--bevel)), 0 var(--bevel));
	text-align: center;
	transition-property: transform;
	transition-duration: .2s;
  }
  .button:hover:not(:active) .button-inside, .button:focus-visible:not(:active) .button-inside {
	transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
  }
  .button:hover .button-inside, .button:focus-visible .button-inside {
	background-color: #fcd200;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(252, 210, 0, 0.9)), radial-gradient(#fff60d 1px, rgba(0, 0, 0, 0) 0%), radial-gradient(#fff60d 1px, rgba(0, 0, 0, 0) 0%);
	background-size: auto, 6px 6px, 6px 6px;
	background-position: 0 0, 0 0, 3px 3px;
	animation: scroll-background 1s linear infinite;
  }
  
  @keyframes scroll-background {
	to {
	  background-position-x: 0, -6px, -3px;
	}
  }
  .button-text-characters-container {
	display: inline-block;
	transform: skewX(-6deg);
  }
  
  .button-text-character {
	display: inline-block;
  }
  .button:hover:not(:active) .button-text-character, .button:focus-visible:not(:active) .button-text-character {
	animation: jump 4s cubic-bezier(0.75, 0.25, 1, 2) var(--delay) infinite;
  }
  
  @keyframes jump {
	5% {
	  transform: translateY(-0.125em);
	}
	10% {
	  transform: translateY(0);
	}
  }
  


		body {
			font-family: Open Sans,Segoe UI,sans-serif;
			/* background-image: url("images/logo-moves-background.jpg"); */
			background-color: #FFCA40;
		}
		h1 {
			max-width:82%;
			margin:8px 0;
			padding:8px 0 0 30px;
			font-size: 9rem;
			/* font-family: "Helvetica", sans-serif; */
			/* font-family: "marvin", sans-serif; */
			font-weight: 400;
			font-style: normal;
			line-height: .7;
			text-shadow: 3px 3px 12px rgba(0,0,0,1);
            position: absolute; 
            z-index: 1000; 
            color: #FFF;
		}
		h1 span.scriptfont {
			font-family: "fave-script-pro", sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 10rem;
		}
		h1 span.smaller-scriptfont {
			font-family: "fave-script-pro", sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 8rem;
		}
		h1 span.smaller-blockfont {
			/* font-family: "fave-script-pro", sans-serif; */
			font-weight: 400;
			font-style: normal;
			font-size: 6rem!important;
		}
		h2, .hbuSTY {
			margin: 0rem 0 1.5rem;
			font-weight: 800;
			font-size: 32px;
			display: block;
			font-family: "trasandina", sans-serif;
			/* font-family: "marvin", sans-serif; */
			font-weight: 800;
			font-style: normal;
			text-align: center;
			/* text-shadow: 2px 2px 2px rgba(255,255,255,3); */
		}
		.mobile-show{
			display: none;
		}
		.desktop-show{
			display: block;
		}
		.display-inline{
			display: inline;
		}
		.display-none{
			display: none;
		}
		.border-bottom{
			border-bottom: 2px solid #333;
		}
		.hamburger {
			position: absolute;
			right: 0;
			margin: 20px;
			font-size: 3rem;
			color: #000;
		}
		.hambuger a {
			color: #000;
		}
		/* email header */
		.eYrVoA {
			/* font-family: "marvin", sans-serif; */
			font-weight: 400;
			font-style: normal;
			text-align: center;
		}
		.section-heading-left {
			/* display: inline; */
			text-align: left;
		}
		.logo-moves-yellow-background img {
			position: relative;
    		/* float: right; */
    		display: inline;
    		/* top: 50px; */
    		right: 0;
    		/* width: 500px; */
    		/* max-width: 700px; */
    		width: 100%;
		}
		h3 {
			max-width:40%;
			margin:8px 0;
			padding:8px 0;
		}
		h4 {
			font-size: 16px;
		}
		input {
			background-color: #FFF!important;
		}
        .case-study-bullets {
            font-size: 18px;
			padding-left:0px;
        } 
		.case-study-bullets li {
			margin:1rem 0;
        }
        .services-bullets {
            font-size: 18px;
            text-align: left;
			padding-left: 0px;
        }
		ul {
			list-style-type: none;
		}
        .web-url {
            margin-bottom: 20px;
            display: block;
        }
		
		

		.logo-moves-header-social {
			font-size: 11px;
			margin: 2% 0;
			padding: 0 5rem;
			text-align: right;
		}
		.logo-moves-header-social img {
			height: 8px;
		}
		.logo-moves-header-social i {
			height: 8px;
			font-size: 2.8rem;
    		padding-left: 10px;
		}
		.header-left, .header-right {
			margin: 20px 0;
			padding: 0px 30px;
			/* width:50%; */
		}
		.header-nav-desktop {
			margin: 0;
			padding: 0;
			display: flex;
		}
	
		.header-nav-mobile {
			display: none;
    		position: absolute;
			padding: 0;
			z-index: 1000;
			
			width: 150px;
			right: 0;
		}
		.mobile-nav-items {
			background-color: #eeeeee;
			font-weight: 800;
			font-size: 1.5rem;
			position: relative;
			top: 80px;
			text-align: right;
			/* display: block; */
		}

		
		.header-nav-item {
			margin: 30px 0px;
			padding: 0px 0px 0px 10px;
			text-align: center;
		}
		.header-nav-item a {
			/* font-weight: 400; */
			color: #333;
		}
		.header-nav-item a:hover {
			font-weight: 600;
			color: #000;
			text-decoration: none;
		}
		.header-nav-width-1 {
			width: 120px;
		}
		.header-nav-width-2 {
			width: 80px;
		}
		.header-nav-width-3 {
			width: 80px;
		}
		.header-social {
			margin: 20px 0;
			padding: 0px 30px;
			/* width:50%; */
		}

		.social-media-icon-header {
			font-size: 2.8rem;
		}

		hr {
/*			color: #212121;*/
			border-top: 1px solid #999;
			margin: 0;
		}

		* {box-sizing: border-box;}


		/* SLIDER */

		





		/* button {
			background-color: #fff;
    		color: #000000;
    		border: 2px solid #fff;
    		font-size: 16px;
    		font-weight: 600;
    		line-height: 1.5;
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
    		position: relative;
    		bottom: 0;
		}
		button:hover {
			background-color: #000000;
    		color: #FFF;
    		border: 2px solid #fff;
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
		}
		button:focus {
			background-color: #000000;
    		color: #FFF;
    		outline: 3px solid blue;
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
		}
		button, p {
			display: block;
		} */
		.text-center {
			text-align: center!important;
		}
		label {
			font-weight: 600;
		}
		.container-fluid {
			padding: 0px!important;
		}
		.row {
			margin: 0px !important;
		}
		p {
			/*max-width: 16px;
			text-align: center;*/
			font-size: 1.8rem;
		}
		input {
			border-radius: 8px;
			border: 1px solid #999;
			line-height: 8px;
			padding: .8rem;
		}
		.logo-moves-header {
			/* background-color: #FFCA40; */
			background-color: #eeeeee;
			/* border-bottom: 1px solid #000; */
			color: #000000;
			display: block;
			/* padding: 1.8rem 4%; */
			/* height: 88px; */
/*			max-width:1200px;*/
		}
		.logo-moves-header-image {
			height: 50px;
		}

		.hero-desktop {
			display: block;
			width:100%;
		}

		.hero-mobile {
			display: none;
			width:100%;
		}

		.logo-moves-button {
			background-color: #fff;
    		color: #000000;
    		border: 2px solid #fff;
    		font-size: 16px;
    		font-weight: 600;
    		line-height: 1.5;
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
    		position: relative;
    		bottom: 0;
		}
		.logo-moves-button:hover {
			background-color: #000000;
    		color: #FFF;
    		border: 2px solid #fff;
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
		}
		.logo-moves-button:focus {
			background-color: #000000;
    		color: #FFF;
    		outline: 3px solid blue;
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
		}

		.logo-moves-primary-button {
			background-color: #000000;
    		color: #FFF;
    		border: 2px solid #FFF;
    		font-size: 16px;
    		font-weight: 600;
    		line-height: 1.5;
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
		}
		.logo-moves-primary-button:hover {
			background-color: #000;
    		color: #FFF;
    		border: 2px solid #FFF;
/*    		font-size: 16px;*/
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
		}
		.logo-moves-primary-button:focus {
			background-color: #000000;
    		color: #FFF;
    		outline: 3px solid blue;
/*    		font-size: 16px;*/
    		border-radius: 30px;
    		padding: 0.625rem 2.5rem;
		}
		.logo-moves-paragraph {
			max-width: 100%;
			margin: 0 auto;
		}
		.logo-moves-hero {
			background-color: #FFF;
			color: #000000;
			display: block;
			/* padding: 3rem; */
			/* min-height: 400px; */
		}
		.logo-moves-yellow-background {
			background-color: #FFCA40;
			/* border-top: 1px solid #000; */
    		color: #000000;
    		display: block;
    		text-align: left;
			padding-right: 0;
			padding-left: 0;
		}
		.logo-moves-charcoal-background {
			background-color: #333;
			/* border-top: 1px solid #000; */
    		color: #000000;
    		display: block;
    		text-align: left;
			padding-right: 0;
			padding-left: 0;
		}
		/*.logo-moves-yellow-background img {
			width: 100%;
			max-width: 600px;
		}*/
		.logo-moves-no-background {
			background-color: #FFF;
			/* border-top: 1px solid #000; */
			color: #000000;
			display: block;
			min-height: auto;
			/* padding: 3rem; */
			text-align: center;
		}
		.hover-text {
			font-size: 2rem;
			font-weight: 800;
		}
		.text-block-right, .text-block-left {
			color: #232323;
		}
		.text-right {
			text-align: right;
		}

		.text-left {
			text-align: left;
		}
		.text-block-center {
			text-align: left;
		}
		.form-field-wrapper {
			margin: 8px 8px 8px 0;
			display: inline-grid;
		}
		.form-field-wrapper label {
			margin: 8px 8px .5rem 8px;
			display: inline-grid;
		}
		.content-height {
/*			height: 400px;*/
			display: inline-block;
		}
		.logo-moves-admin {
			display: inline-block;
			margin: 16px 16px 16px 0;
		}
		.case-heading-left {
			text-align: left;
		}

		.icon-text-title {
			font-size: 2rem;
			font-weight: 600;
			text-align: center;
			margin: 8px 0rem 16px 0rem;
		}
		.services-text-title {
			font-size: 2.5rem;
			font-weight: 600;
			font-family: "trasandina", sans-serif;
			text-align: center;
			margin: 8px 0rem 16px 0rem;
		}
		.paragraph-text-title {
			font-size: 2.5rem;
			font-weight: 600;
			font-family: "trasandina", sans-serif;
			text-align: left;
			margin: 8px 0rem 16px 0rem;
		}

		.icon-text-below {
			font-size: 1.8rem;
			font-weight: 400;
			color: #000000;
			padding: 0rem 16px;
			margin: 16px 0rem 10px 0rem;
		}

		.logo-moves-icon-circle {
				display: inline-block;
/*				margin: 32px 16px 16px;*/
/*				width: 20%;*/
			}
			.logo-moves-icon-circle i {
				background-color: #FFF;
				font-size: 50px;
				color: #000000;
				padding:16px;
				border-radius: 60px;
			}
		
		.clients-images {
			display: block;
			width: 100%;
			margin: 0px 0px;
		}

		.package-height-small, .package-height-medium, .package-height-large {
			text-align: left;
		}
			.package-height-small {
				height: 300px;
				font-size: 16px;
				margin-bottom: 10px;
			}
			.package-height-medium {
				height: 380px;
				font-size: 16px;
				margin-bottom: 10px;
			}
			.package-height-large {
				height: 380px;
				font-size: 16px;
				margin-bottom: 10px;
			}
		.golden-rule {
			border-bottom: 1px solid #fcac00;
			display:none;
		}

		.no-padding {
			padding: 0!important;
		}


		
		/*Footer*/
		.logo-moves-footer {
			background-color: #eeeeee!important;
			/* border-top: 1px solid #000; */
			padding: 16px 32px 32px 32px;
		}
		.logo-moves-footer-social {
			font-size: 11px;
			margin: 8px 0;
		}
		.logo-moves-footer-social img {
			height: 8px;
		}
		.logo-moves-footer-social i {
			height: 8px;
			font-size: 32px;
    		padding-left: 10px;
		}
		.logo-moves-footer-logo {
		    height: auto;
		    margin-bottom: 10px;
		    margin-top: 10px;
		}
		.logo-moves-footer-logo img {
			width: 100px;
		}
		.logo-moves-footer-copyright {
			text-align: right;
			font-size: 11px;
			margin: 8px 0;
		}
		.logo-moves-footer-legal {
			text-align: right;
			font-size: 11px;
			font-weight: 700;
			margin: 8px 0;
		}
		.logo-moves-text-link {
			white-space: nowrap;
    		font-size: 11px;
    		line-height: 15px;
    		font-weight: 600;
    		color: #151515;
    		text-transform: none;
    		text-decoration: none;
    		padding: 0 2px 2px;
		}
		.logo-moves-text-link:hover {
			color: #003082;
    		text-decoration: none;
    		background-color: #d8eaff;
    		border-radius: 4px;
		}
		.logo-moves-text-link:focus {
    		outline: 2px solid #003082;
    		text-decoration: none;
    		background-color: #d8eaff;
    		border-radius: 4px;
		}
		

		
		
		
		
		/* Extra large devices (large laptops and desktops, 1300px and up) */
		@media only screen and (max-width: 1300px) {
			.logo-moves-yellow-background img {
				position: relative;
				float: none;
				display: inline;
				top: 0px;
    			right: 0px;
    			width: 100%;
			}
			.home-banner-pills {
				transform: scale(.8);
    			right: 500px
			}
		}
		/* Extra large devices (large laptops and desktops, 1200px and up) */
		@media only screen and (max-width: 1200px) {
			.logo-moves-yellow-background img {
				position: relative;
				float: none;
    			width: 100%;
			}
			.home-banner-pills {
				transform: scale(.7);
    			right: 400px
			}
			.package-height-small, .package-height-medium, .package-height-large {
				/* height: 400px; */
				text-align: left;
				font-size: 16px;
				margin-bottom: 10px;
			}
			.golden-rule {
				border-bottom: 1px solid #fcac00;
				display: block;
				margin-bottom: 50px!important;
			}
		}
		/* Large devices (laptops/desktops, 992px and up) */
		@media only screen and (max-width: 992px) {
			h1 {
				max-width:82%;
				margin:8px 0;
				padding:8px 0 0 30px;
				/* font-weight: 400; */
				font-size: 65px;
			}
			h2 {
				margin:1rem 0 2rem;
				font-weight: 700;
				display: block;
				font-size: 32px;
				text-align: center;
			}
			.header-nav-mobile {
				display: block;
				position: absolute;
				/* background-color: #FFF; */
				z-index: 1000;
				right:0;
			}
			.header-nav-item {
				margin: 10px 0;
				text-align: right;
				padding: 10px 20px;
			}
			.mobile-nav-items {
				background-color: #eeeeee;
				/* display: block; */
			}
			.header-nav-desktop {
				display: none;
			}
			.mobile-show{
				display: block;
			}
			.desktop-show{
				display: none!important;
			}
			.text-center-mobile {
				text-align: center;
			}
			h3 {
				max-width:70%;
				margin:8px 0;
				padding:8px 0;
			}
			.logo-moves-yellow-background img {
				position: relative;
				float: none;
				display: inline;
				top: 0px;
    			right: 0px;
    			width: 100%;
			}
			.home-banner-pills {
				transform: scale(.6);
    			right: 200px
			}
            .web-url {
                margin-bottom: 20px;
                display: block;
                text-align: center;
            }
			.section-heading-left {
				display: block;
				text-align: center!important;
			}
			.case-heading-left {
				text-align: center;
			}
            .icon-text-title {
                font-size: 2rem;
                font-weight: 600;
                margin: 8px 0rem 16px 0rem;
                text-align: center;
            }
			.services-text-title {
                font-size: 2.5rem;
                font-weight: 600;
                margin: 8px 0rem 16px 0rem;
                text-align: center;
            }
			.paragraph-text-title {
				font-size: 2.5rem;
				font-weight: 600;
				text-align: left;
				margin: 8px 0rem 16px 0rem;
			}
			.logo-moves-footer-social, .logo-moves-footer-copyright, .logo-moves-footer-logo, .logo-moves-footer-legal {
    			text-align: center;
			}
			button, p {
			margin: 16px 0px;
			display: block;
			}
			/* .golden-rule {
				border-bottom: 1px solid #fcac00;
				display: block;
				margin-bottom: 50px!important;
			} */
			.package-height-small, .package-height-medium, .package-height-large {
				/* height: 400px; */
				text-align: left;
				font-size: 16px;
				margin-bottom: 10px;
			}
			/* .package-height-small {
				font-size: 16px;
				margin-bottom: 10px;
			}
			.package-height-medium {
				font-size: 16px;
				margin-bottom: 10px;
			}
			.package-height-large {
				font-size: 16px;
				margin-bottom: 10px;
			} */
		}
		/* Medium devices (landscape tablets, 768px and up) */
		@media only screen and (max-width: 768px) {
			h1 {
    			font-size: 50px;
			}
			button {
    			justify-self: center;
				width: 100%;
			}
			.logo-moves-yellow-background img {
				position: relative;
				float: none;
				display: inline;
				top: 0px;
    			right: 0px;
			}
			.home-banner-pills {
				transform: scale(.5);
    			position: absolute;
    			z-index: 0;
    			right: 200px
			}
			.golden-rule {
				border-bottom: 1px solid #fcac00;
			}
			.package-height-small {
				height: 300px;
				text-align: left;
				font-size: 16px;
				margin-bottom: 50px;
			}
			.package-height-medium {
				height: 450px;
				text-align: left;
				font-size: 16px;
				margin-bottom: 50px;
			}
			.package-height-large {
				height: 480px;
				text-align: left;
				font-size: 16px;
				/* border-bottom: 1px solid #fcac00; */
				margin-bottom: 50px;
			}
			.slider-desktop {
				display: none;
			}
			.slider-mobile {
				display: block;
			}
			.hero-desktop {
				display: block;
				width: 100%;
			}
			.hero-mobile {
				display: block!important;
				width: 100%;
			}
			.text-block-center {
				text-align: center;
			}
			.paragraph-text-title {
				text-align: center;
			}
		}
		/* Small devices (portrait tablets and large phones, 600px and up) */
		@media only screen and (max-width: 600px) {
			/* .icon-text-below p {
				max-width: 8px;
			} */
			.icon-text-below {
			/* font-size: 1.8rem; */
			/* color: #6a6a6a; */
			padding: 0rem 16px;
		}
			.logo-moves-yellow-background img {
				position: relative;
				float: none;
				display: inline;
				top: 0px;
    			right: 0px;
    			width:100%;
			}
			.home-banner-pills {
				transform: scale(.6);
    			right: 200px
			}
		}
		/* Extra small devices (phones, 320px and up) */
		@media only screen and (max-width: 320px) {
			/* .logo-moves-header {
				padding: 8px 24px;
			} */
			h2 {
				margin: 8px 0 16px;
				display: block;
			}
			/* .logo-moves-footer-copyright, .logo-moves-footer-legal {
				text-align: left;
			} */
			.logo-moves-yellow-background img {
				position: relative;
				float: none;
				display: inline;
				top: 0px;
    			right: 0px;
    			width:100%;
			}
		}
		


.eapps-widget a {
	display: none !important;


}

.no-padding-left-right {
	padding-right: 0px!important;
	padding-left: 0px!important;
}

.padding-top-bottom {
	padding-top: 3%!important;
	padding-bottom: 4%!important;
}
.padding-left-right {
	padding-left: 3%!important;
	padding-right: 3%!important;
}
.panel-background-color {
	background-color: #FFCA40!important;
}
.panel-background-white {
	background-color: #ffffff!important;
}
.width-100 {
	width: 100%!important;
}
.WidgetTitle__Caption-sc-ruy1gu-3 {
	margin-top: 24px!important;
	text-align: center;
}

.container {
    position:relative; 
    top:200; 
    left:0; 
    width:100%; 
    height:200%;
	padding: 0 30px;
}
.container img {
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    /* margin:auto;  */
	width:100%;
    min-width:50%;
    min-height:50%;
}

/* img:hover {
	transform: scale(1.5);
	transition: transform .2s;
} */

.case-hover {
	background-color: #000;
}

.tile#caption .hover-text {
	position: absolute;		
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
    opacity: 0;
    transition: all 0.8s ease;		
}
.tile#caption:hover .hover-text {
	opacity: 1;
	color: #FFF;
}
.tile#caption:hover img {
	opacity: .5;
	background-color: #000;
	filter: blur(3px);

}