/* Dyad Splash homepage */

.dyad-splash-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		 background: #f9f4ea;
		min-height: 100vh;
		/*height: 100%;*/
		width: 100%;
		 position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 1000;
	    font-family: "Raleway",sans-serif;
	}
	.dyad-splash-container.desktop-dyad:after {
	    content: '';
	    position: absolute;
	    /* height: calc(200vh - 105px); */
	    height: calc(100% - 1.5625rem);
	    width: calc(100vw - 1.5625rem);
	    top: .75rem;
	    bottom: -.75rem;
	    right: .75rem;
	    left: .75rem;
	    /*border: 1px solid rgba(255,255,255,.63);*/
	    border: 1px solid #c3ad8a;
	    pointer-events: none;
	    z-index: 1100;
	}	
	.dyad-splash {
		color: #484545;
		width: 100%;
	   /*background: lightgrey;*/
	   /* height: 100vh;
	    width: 100vw;*/
	   
	}
	.dyad-splash p {
		text-align: center;
		/*margin: 1rem 0;
		padding: 1rem;*/
		color: #a38452;
		/*background: red;*/
	}
	.dyad-splash p.intro-dyad {
		font-size: 1.5rem;
		line-height: 1.5;
		letter-spacing: .05rem;
		color: #000;
		font-weight: 300;
		margin-bottom: calc(1rem + 1vh);
	}
	.desktop-dyad .dyad-splash p.intro-dyad {
		font-size: 1rem;
	}	
	@media all and (min-width: 765px) {
		.desktop-dyad .dyad-splash p.intro-dyad {
			font-size: 1.5rem;
		}		
	}
	.mobile-dyad .dyad-splash p.intro-dyad {
		max-width: 700px;
		margin: 1rem auto calc(1rem + 1vh);
		padding: .5rem;
	}
	.dyad-splash p.intro-dyad + p {
		text-transform: none;
		font-style: italic;
		letter-spacing: .05rem;
		margin: 0 0 1.25rem 0;
    	padding: 0;
	}
	.mobile-dyad .dyad-splash p.intro-dyad + p {
		font-size: 18px;
	}	
	.dyad-splash ul a,
	.dyad-splash ul,
	.dyad-splash p:not(.intro-dyad) {
		text-transform: uppercase;
		color: #a38452;
		line-height: 2;
		letter-spacing: .15rem;
		font-size: 13px;
	}
	.mobile-dyad .dyad-splash ul a,
	.mobile-dyad .dyad-splash ul,
	.mobile-dyad .dyad-splash p:not(.intro-dyad) {
		font-size: 14px;
	}	
	.dyad-splash a {
		-webkit-transition: color .35s ease;
	    -o-transition: color .35s ease;
	    transition: color .35s ease;
	}
	.dyad-splash a:hover {
		color:#000;
	}
	.dyad-names {
		max-width: 715px;
		/*margin: 0 auto calc(1rem + 1vh);*/
		margin: 0 auto 1rem;
		position: relative;
	}
	.mobile-dyad .dyad-names {
		margin: 0 auto 1.5rem;
	}
	.dyad-names:after {
		content: "";
    	clear: both;
    	display: table;
	}	
	@media all and (min-width: 765px) {
		.dyad-names ul:first-of-type {
			float: left;
		}
		.dyad-names ul:last-of-type {
			float: right;
		}
		.dyad-names:before {
			content: '';
			position: absolute;
			background: #a38452;
			width: 1px;
			height: 100%;
			left: calc(50% - 1px);
		}
	}
	.dyad-splash p:not(.intro-dyad):last-of-type {
		color: rgba(000,000,000,.6);
		padding-bottom: 1rem;
	}
	.mobile-dyad .dyad-splash p:not(.intro-dyad):last-of-type {
		padding-bottom: 2.5rem;
	}
	.dyad-splash ul {
		text-align: center;
	}
	.dyad-splash ul:first-of-type {
		margin-bottom: 2rem
	}	
	.dyad-splash .image-group {
		
	}
	.dyad-splash .image-group img {
		max-width: calc(100% - 1rem);
		padding: .5rem;
		display: block;
		margin: 0 auto;
	}
	@media (min-aspect-ratio: 117/104) {
		.dyad-splash .image-group img {
			min-height: 250px;
		}	
	}	
	.desktop-dyad .dyad-splash .image-group img {
		padding: 1rem .5rem .5rem .5rem;
		margin: 1rem auto;
    	max-height: 31vh;
	}
	p#click-through {
		cursor:pointer;
		-webkit-transition: color .35s ease;
	    -o-transition: color .35s ease;
	    transition: color .35s ease;
	}
	p#click-through:hover {
		color: #000;
	}