* {-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
        
       body {
            background: #fff;
            color: #2f2b2c;
            font-family: 'Alegreya Sans', Helvetica, Arial, Sans-Serif;
            font-weight: 300;
            font-size: 80%;
            margin: 0;
            padding: 0;
        }
        
       p {line-height: 150%; font-size: 1.5em; margin-bottom: 1em;}
        
       img {
            height: auto;
            max-width: 100%;
            -ms-interpolation-mode: bicubic;
        }
        
       a {color: #58595b; text-decoration: none;}
       
       strong, bold {font-weight: 500;}
       
       h1, h2, h3 {margin: 1em 20px; clear: both;}
       
       .noleftgap {margin: 1em 2em 1em 0;}
       
       h3.noleftgap {padding: 1em 0; line-height: 140%;}
       
       h1 {font-size: 3em; font-weight: 400; color: #6d6e71; letter-spacing: 1px;}
       
       h1.head {font-weight: 300; margin: 2.5em 0 2em 3em; clear: none; float: left; width: 60%; letter-spacing: 3px;}
       
       h2 {font-size: 2.4em; font-weight: 400; color: #969773; text-align: left;}
       
       h3 {font-size: 1.75em; font-weight: 500;}
       
       h3.head {
	       font-weight: 300;
	       color: #312f2d;
	       margin: 0 0 2em 0;
       }
       
       h4 {font-size: 2.4em; font-weight: 400; color: #969773; text-align: left
	       ;}
       
       .banner {
       		padding: 3em 0 1em 0;
	   		background-color: #f3f3f3;
	   		color: rgba(255, 255, 255, 0.75);
	   		background-attachment: fixed;
	   		background-image: url("images/linen.jpg");
	   		background-repeat: repeat;
	   		text-align: center;
		}
		
		.menu {
			max-width: 1200px;
			margin: 0 auto;
		}
		
		.menu ul {padding: 1.8em 0 2.8em 0; list-style-type: none; text-align: center;}
		.menu ul li {display: inline-block;  }
		.menu ul li a {padding: 0 15px; font-size: 1.5em; text-transform: uppercase; font-weight:500;}
		.menu ul li a:hover {color: #969773;}
		
		.linen {
			margin: 2em 0 0 0;
			padding: 2em;
			background-color: #f3f3f3;
			background-attachment: fixed;
			background-image: url('images/linen.jpg');
			background-repeat: repeat;
		}
	
		.linen p {padding: 0 20px;}
		
		a.ceremony {
			display: block;
			float: left;
			font-size: 2em; 
			width: 40%;
			font-weight: 400; 
			text-align: center;
			margin: .6em 5%;
			padding: .4em;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			background: #818054;
			color: #fff; 
		}
		
		a.ceremony:hover {
			background: #2f2b2c;
			color: #fff; 
		}
		
		.elope {float: right; margin-left: 15px;}
		
		#leftofslide {float: left; width: 37%;}
		
		#slideshow { 
    margin: 0; 
    position: relative;
    float: right;
    width: 63%; 
    height: 376px; 
    padding: 0; 
}

#slideshow > div { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
}

#slidearea {width: 100%;}

#slidearea:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.faq {
  margin: 0 0 1rem 20px;  
}

.linen .faq p {
  padding: 10px 0 0 0;
}
.faq.active {}

.question {
  cursor: pointer;
  font-weight: 500;
  font-size: 1.5em;
}
.question.active {}

.answer {
  display: none;
}

.main li {font-size: 1.5em;
    margin-bottom: 1em;margin-left: 2em; padding-left: 1em;}
		
		
		/* ------------ IMAGES --------------- */
		
		.narrow {width: 37%;}
		.wide {width: 63%;}
		.third {width: 33.3333333%}
		
		.ACMCV {float:left; margin: 2em;}
		
       
       .clearfix:before, .clearfix:after {
	       content: '';
	       clear: both;
	       display: table;
       }
       
       .vidwrapper {width: 100%; height: 550px; background-color: #000;}
       .container-black {
	       background: #f5f5f5;
	       width: 100%;
	        margin-bottom: 20px;
       }
	   .vidwrap { max-width:70%; margin: 0 auto;}       
       .embed-container { 
       		position: relative; 
  /*
     		padding-bottom: 56.25%; 
       		height: 0; 
*/
       		overflow: hidden;
       		margin: 0 auto;
       		max-width: 800px; 
       		width: 100%; 
   		} 
       /* .embed-container > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */
       
       .light {font-weight: 300;}
       
       .blue {color: #78b2b5;}
       
       .heavy {font-weight: 600;}
       
       .contact {font-size: 2.1em; font-weight: 400;  margin: 2.5em 0;}
       .details {width: 90px; float: left;}
       img.facebook {max-width: 19px; margin-right: 20px;}
       .phone {width: 25%; float: left;}
       .contact {letter-spacing: 2px;}
       img.email {max-width: 30px;}
       .facebook img {max-width: 18px;}
       
       
       
        .main {
            position: relative;
            max-width: 1200px;
            min-height: 300px;
            margin: 0 auto;
            overflow: hidden;
            padding: 0;
        }
        
        .logo {
            display: block;
            margin: 0 auto 64px;
            max-width: 66%;
        }
        .button {
          
        }
        
        
        .testimonial {
	        clear: both;
	        padding-top: 20px;
	        padding-bottom:20px;
        }
        
        .testimonial-img {
	        float: left;
	        width: 30%;
        }
        
        .testimonial-text {
	        float: right;
	        padding-left: 1.8em;
	        width: 70%;
        }
        
        
        .clear {clear:both;}
        
        
        
        .footer {background: #818054; width: 100%; margin: 10em 0 0 0; padding: 2em 0 2em 0; position: relative; text-align: center; color: #fff; font-size: 1.8em;}
        
        .footer p {margin-bottom: 0.5em;}
        
        .footer a {color: #fff;}
        
        .footer a.black {color: #2f2b2c; font-weight: 500;}
        
    
		.footer .mail {margin-right: 20px; float: left;}
		
		.tree {position: absolute; bottom: 100%; left: 50%; margin-left: -75px; width: 150px; height: 107px;}
		.tree img {max-width: 100%; max-height:100%;}
    
        
        .returntotop {position: fixed; right: 20px; bottom: 50px; width: 40px; }
        .returntotop img {max-width: 25px;}
        
        .darkextrafooter {background: #2f2b2c; padding: 1em 0 1.8em 0; color: #e4e4e4; font-size: 1.4em;}
        .darkextrafooter .left {width: 50%; float: left; text-align: left; margin-left: 1em;}
        .darkextrafooter .right {width: 30%; float: right; text-align: right; margin-right: 1em;}
        .darkextrafooter .right a {color: #fff;}
        .innerfooter {max-width: 1200px; margin: 0 auto;}
        
        @media screen and (max-width: 1090px) {
        .box {width: 30%;}
        #slideshow {
	        height: 320px; 
	        }
        }
        
        @media screen and (max-width: 1060px) {
        h1.head {clear:both; width: 80%; margin: 1em auto; text-align: center; float: none;}
        .contact {clear:both; float:none; width: 80%; margin: 1em auto;text-align: center;}
        img.email {max-width: 45px;}
        img.facebook {max-width: 28px;}
        
        .fourcol {width: 66%;}
        }
        
        @media screen and (max-width: 888px) {
	        
	        #slideshow {
	        height: 240px; 
	        }
        
        a.ceremony {
        width: 90%;
        }

        .fourcol {width: 90%; margin: 0 2em 1em 2em; }
        
        .footer .phone {clear:both; float: none;}
        .footer .mail {float:none; margin: 0 auto 10px auto;}
	      
        }
        
        @media screen and (max-width: 680px) {
	        
	        #slideshow {
	        height: 300px; 
	        }
        
		.testimonial-img {float:none; width: 100%;}
		
		.testimonial-text {
	        float: none;
	        padding: 1em 2em 1em 3em;
	        width: 100%;
        }

		
		.narrow {width: 100%;}
		.wide {width: 100%;}
		#slideshow {width: 100%;}
		#leftofslide {width: 100%;}
		.third {width: 100%}
		
		
         
	      
        }
        
        @media screen and (max-width: 590px) {
	        
	        #slideshow {
	        height: 240px; 
	        }

        .darkextrafooter .left {width: 100%; float: none; text-align: center; padding: 1em;}
        .darkextrafooter .right {width: 100%; float: none; text-align: center; padding: 1em;}
}

	@media screen and (max-width: 520px) {
	
	a.ceremony {max-width: 90%;}
	}
        
        
        @media screen and (max-width: 450px) {
        		        
		        .ACMCV {float:none; max-width: 300px; margin: 1em;}
		        .returntotop {top: auto; right: 43%; bottom: 5px;}
		        
        }