/* emilyjonathan.com stylesheet - by Jonathan McLinn */
/* ------------------------------------------------- */

*{box-sizing:border-box;}
body{left:0;right:0;top:0;bottom:0;margin:0;padding:0;}
div,h1,h2,h3,h4,h5,h6,p,img{position:relative;padding:0;margin:0;}

a{text-decoration:none;/*color:rgba(60,0,0,1);*/}a:hover,a:visited{color:inherit;text-decoration:none;}

.backtotop{position:fixed;display:block;bottom:1em;right:1em;width:3.5em;height:3.5em;}
.backtotop:hover{opacity:0.75;}

h1,h2,h3,h4,h5,h6,p{font-family:'Nunito',sans-serif;/*font-weight:400;*/}
h1,h2,h3{color:#fff;text-align:center;opacity:0.85;}
h1{font-size:6em;letter-spacing:2px;}
h2{font-size:4.5em;letter-spacing:1px;}
h3{font-size:2em;letter-spacing:1px;text-align:center;color:rgba(0,0,60,1);}
h4{font-size:1.7em;letter-spacing:1px;text-align:center;color:rgba(0,0,60,1);}
h5{font-size:1.5em;letter-spacing:1px;text-align:center;color:rgba(0,0,60,1);}
p{font-size:1.2em;line-height:1.5em;color:rgba(0,0,60,1);padding:0.3em 0;/*font-weight:300;*/}

.divider{height:2px;background-color:rgba(0,0,60,.8);width:50%;margin:1em 25%;}

.cover1,.cover2,.cover3{position:relative;display:block;top:0;width:100%;margin:0 auto;text-align:center;}
.cover2{display:none;}
.cover3{display:none;}

#head{position:absolute;background-color:rgba(0,0,40,.7);/*background-color:rgba(0,0,60,1);*/top:0;left:0;width:100%;}
.names{height:6em;width:auto;margin-left:2em;float:left;display:inline-block;}
.symbols{position:relative;width:18em;float:right;display:flex;justify-content:space-between;margin-right:2em;}
.symbol{height:2.5em;width:auto;margin:1.75em 0;opacity:0.9;display:inline-block;}
.symbol:hover{opacity:0.5;cursor:pointer;}

#wedding{}
.weddinginfo{position:absolute;top:3.6em;margin:0;right:.5em;background-color:rgba(0,0,40,.7);color:#fff;padding:1em 2em 1em 4em;text-align:right;line-height:2em;}

#about1{width:100%;}
.about2{width:25%;}
#about1 p{text-align:center;width:100%;}
#about1 span{margin:0 3em 0 3em;}

/*.about-half,.about-whole,.about-dbl{display:inline_block;float:left;margin:0.2em 14%;width:22%;border-radius:50%;}
.about-whole{margin:0.2em 39%;}.about-dbl{margin:0.2em 28%;width:44%;border-radius:0;}
.vline-half,.vline-half2{display:inline_block;float:left;height:1.5em;background-color:rgba(0,0,60,.8);width:2px;margin:0 0 0 25%;}
.vline-half2{margin-left:50%;}
.vline{display:inline_block;float:left;height:1.5em;background-color:rgba(0,0,60,.8);width:2px;margin-left:50%;}*/

	.photos-row {
	  display:-ms-flexbox; /* IE10 */
	  display:flex;
	  -ms-flex-wrap:wrap; /* IE10 */
	  flex-wrap:wrap;
	  padding:0 4px;
	}
	.photos-column {
	  -ms-flex:25%; /* IE10 */
	  flex:25%;
	  max-width:25%;
	  padding:0 4px;
	}

	.photos-column img {
	  margin-top:8px;
	  vertical-align:middle;
	  border-radius:0%;
	  width:100%;
	}

#registry1{}
	.reg_img{margin:3em 0 2em 35%;width:30%;display:inline-block;}
	.reg_img:hover{opacity:0.50;}
#gallery1{}


.events{width:50%;float:left;text-align:center;margin:2em 0;}

	/* Responsive layout - makes a two column-layout instead of four columns */
	@media screen and (max-width: 800px) {
	  .photos-column {
	    -ms-flex:50%;
	    flex:50%;
	    max-width:50%;
	  }
	}

@media (min-width: 551px) and (max-width: 800px) {
	.cover1{display:none;}.cover2{display:block;}.cover3{display:none;}
	.names{width:60%;margin:0 20%;height:auto;}
	.symbols{float:none;margin:0 auto;}
	.symbol{height:2.5em;margin:0 0 1em 0;}
	
	#about1 span{margin:0 1.2em 0 1.2em;}
	
	.events{width:100%;}
	
	.reg_img{margin:3em 0 1em 30%;width:40%;}
}
@media (max-width: 550px) {
	.cover1{display:none;}.cover2{display:none;}.cover3{display:block;}
	.names{width:60%;margin:0 20%;height:auto;}
	.symbols{width:12em;float:none;margin:0 auto;}
	.symbol{height:1.5em;margin:0 0 .8em 0;}
	
	#about1 span{margin:0;}
	#about1 p{font-size:0.9em;}
	
	.weddinginfo{padding:.1em .8em;}
	
	.events{width:100%;}
	
	.reg_img{margin:3em 0 1em 30%;width:40%;}
}