.theBigDay {color:#555;min-width:200px}
.countDown {color:#555;min-width:300px}
.gettingMerriedText{color:#555;min-width:200px}

.brideName, .groomName 
{

	color:#555;

}


.mainCoverPageImage
		{  
		   width:60% !important;
		   margin: auto !important;
           text-align:center;
		 /*  background-color:gray;*/
		
			
		}

/*  Accordation                                   */

.accordion, .accordion1 {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.2em !important;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
   background-color: white; 
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}



.panel1 {
    padding: 0 18px;
    background-color: white; 
 
}

.panel2 {
    padding: 0 18px;
    background-color: white; 
 
}

/*
@media only screen and (max-width: 600px) {#main {margin-left: 0}}
@media only screen and (max-width: 768px) {#main {margin-left: 0}}
*/

@media (min-width:100px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		#main {margin-left: 0}
		.mainCoverPage
		{
			
			height:568px;
         /*   background-color:orange; */
			
		}
		
		.linkCoverPage{
			
			 min-height:568px;
			/* background-color:orange; */
		}

		.coverContent 
		{
			   margin-top: 10%;
			/*  border-style: solid;
               border-width: 1px;*/
			   color:#555;
		       width:90%;	    
               margin-left: 19px;
            
         
			/*   -webkit-border-radius: 10px;
               -moz-border-radius: 10px;
               border-radius: 10px;
			   background-color:white; */

			   border-image-source:url('https://weddingrsvpresponse.com/themeAgenda/common/images/border.png');  
			   border-image-repeat: stretch;
			   border-image-slice: 30;
			   border-image-width: 10px;
			   border-image-outset: 1px 2px 1px 2px;

            
            
              background: url(https://weddingrsvpresponse.com/themeAgenda/Rsvp0011/images/borderEdge1.png) left top no-repeat, 
                   url(https://weddingrsvpresponse.com/themeAgenda/Rsvp0011/images/borderEdge4.png) left bottom no-repeat, 
                   url(https://weddingrsvpresponse.com/themeAgenda/Rsvp0011/images/borderEdge3.png) right top no-repeat, 
                  url(https://weddingrsvpresponse.com/themeAgenda/Rsvp0011/images/borderEdge2.png) right bottom no-repeat,
                     url(https://weddingrsvpresponse.com/themeAgenda/Rsvp0011/images/center.png) center no-repeat, 
                  url(https://weddingrsvpresponse.com/themeAgenda/Rsvp0011/images/paper2.jpg) ;
              
            background-size: 25%, 40%,40%,25%,80%,100%;
             
           
		}


		

}

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		#main {margin-left: 0}
		.mainCoverPage
		{
			
			height:568px;
         /*   background-color:orange; */
			
		}
		
		.linkCoverPage{
			
			 min-height:568px;
			/* background-color:orange; */
		}

		.coverContent 
		{
			   margin-top: 10%;
			/*  border-style: solid;
               border-width: 1px;*/
			   color:#555;
		       width:90%;	    
               margin-left: 19px;
            
         
			   -webkit-border-radius: 10px;
               -moz-border-radius: 10px;
               border-radius: 10px;
			   background-color:white; 
			
		}


		

}


@media (min-width:353px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		#main {margin-left: 0}
		.mainCoverPage
		{
			
			height:812px;
			/* background-color:green; */
		}

		.linkCoverPage{
			 min-height:812px;
			 
		}

		
		.coverContent 
		{
			margin-top: -45%;
               width:106%;	    
                 
               margin-left: -10px;

		}


		.brideName, .groomName {

			
		}


		.coverContent 
		{

			    
	    /*   background-color:blue; */
			
		}

}


@media (min-width:360px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		#main {margin-left: 0}
		.mainCoverPage
		{
			
			height:812px;
			/* background-color:green; */
		}

		.linkCoverPage{
			 min-height:812px;
			 
		}

		
		.coverContent 
		{
			margin-top: -44%;
            width:112%;	    
            margin-left: -17px;
		}


		.brideName, .groomName {

		
			
		}


		.coverContent 
		{

			    
	    /*   background-color:blue; */
			
		}
    

    
    

}



@media (min-width:375px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		#main {margin-left: 0}
		.mainCoverPage
		{
			
			height:812px;
			/* background-color:green; */
		}

		.linkCoverPage{
			 min-height:812px;
			 
		}

		
		.coverContent 
		{
			margin-top: -40%;
            width:120%;	    
            margin-left: -28px;
            
		}


		.brideName, .groomName {

			
		}


		.coverContent 
		{

			    
	    /*   background-color:blue; */
			
		}

}


@media (min-width:390px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		#main {margin-left: 0}
		.mainCoverPage
		{
			
			height:812px;
			/* background-color:green; */
		}

		.linkCoverPage{
			 min-height:812px;
			 
		}

		
		.coverContent 
		{
			margin-top: -32%;
            width:129%;	    
            margin-left: -38px;

		}


		.brideName, .groomName {
	
			
		}


		.coverContent 
		{

			    
	    /*   background-color:blue; */
			
		}

}


@media (min-width:411px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		#main {margin-left: 0}
		.mainCoverPage
		{
			
			height:812px;
			/* background-color:green; */
		}

		.linkCoverPage{
			 min-height:812px;
			 
		}

		
		.coverContent 
		{
           margin-top: -34%;
            width:129%;	    
            margin-left: -38px;


		}


		.brideName, .groomName {

			
		}


		.coverContent 
		{

			    
	    /*   background-color:blue; */
			
		}

}

@media (min-width:481px)  
{ /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
        #main {margin-left: 0}
		.mainCoverPage
		{
			
			height:812px;
		/*	background-color:pink; */
		}

		.linkCoverPage{
			 min-height:812px;
			
		}

		
			.coverContent 
		{

		   margin-top: -18%;
		   width:400px;	    
           margin-left: -9px;
	   
			
		}

}


@media (min-width:540px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 

		#main {margin-left: 0}
        .mydivider {
			
			height:80px;
		}

		
		.linkCoverPage{
			 min-height:960px;
			
		}

		.mainCoverPage
		{
			
			height:960px;
			/* background-color:white; */
		}

		.agenda-response{
			margin-top: 10%;
			margin-left: 120px;
		}
		
		.coverContent 
		{
			/* background-color:white; */
			margin-top: -44%;
			margin-left: 10px;
		   width:400px;	    
	     /*  background-color:yellow; */

		}

		
	.detailsContent , .storyContent
		{
		
			margin-left: 120px;

		}

		.brideName, .groomName {
			
		}


}



@media (min-width:600px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 

		#main {margin-left: 0}
        .mydivider {
			
			height:80px;
		}

		
		.linkCoverPage{
			 min-height:960px;
			
		}

		.mainCoverPage
		{
			
			height:960px;
			/* background-color:white; */
		}

		.agenda-response{
			margin-top: 10%;
			margin-left: 120px;
		}
		
		.coverContent 
		{
			/* background-color:white; */
           margin-top: -46%;
         margin-left: 10px;
		   width:400px;  
	     /*  background-color:yellow; */
            

		}

		
	.detailsContent , .storyContent
		{
		
			margin-left: 120px;

		}

		.brideName, .groomName {
			
		}


}





@media (min-width:601px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 

		#main {margin-left: 0}
        .mydivider {
			
			height:80px;
		}

		
		.linkCoverPage{
			 min-height:960px;
			
		}

		.mainCoverPage
		{
			
			height:960px;
			/* background-color:white; */
		}

		.agenda-response{
			margin-top: 10%;
			margin-left: 120px;
		}
		
		.coverContent 
		{
			/* background-color:white; */
				margin-top: -52%;
			margin-left: 116px;
		   width:400px;  
	     /*  background-color:yellow; */

		}

		
	.detailsContent , .storyContent
		{
		
			margin-left: 120px;

		}

		.brideName, .groomName {
			
		}


}


@media (min-width:768px)  { 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 



		.mainCoverPage
		{
			
			height:1024px;
			/*background-color:pink;*/
		}

		.linkCoverPage{
			 min-height:1024px;
			
		}

		
		.myContactContent, .myRsvpContent {
			width:70%;
			margin:auto;
		}
		
		
		.coverContent 
		{
			margin-top: -46%;
			margin-left: 120px;
		   /*  width:500px;	    
	     background-color:orange; */

		}


		.brideName, .groomName {
	
		}


}


@media (min-width:800px)  { 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 

#main {margin-left: 0}


		.mainCoverPage
		{
			
			height:1180px;
		/*	background-color:orange;*/
		}

		.linkCoverPage{
			 min-height:1180px;
			
		}

		.coverContent 
		{
			margin-top: -68%;
			margin-left: 120px;
		  /*	  width:500px;	    
	     background-color:pink; */


		}


		.brideName, .groomName {

		}


}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 










}
@media (min-width:1024px) { /* big landscape tablets, laptops, and desktops */



#main {margin-left: 0}


		.mainCoverPage
		{
			
			height:1366px;
			/*background-color:pink;*/
		}

		.linkCoverPage{
			 min-height:1366px;
			
		}

		
		


		
		
		
		.coverContent 
		{
		
			
			margin-top: -100%;
			margin-left: 120px;
	 /*  	 width:500px;	    */
	    /*   background-color:yellow; 	*/
			
		/*background-color:blue; */

	/*	 box-shadow: 
       0 0 0 5px green, 
       0 0 0 10px yellow,
       0 0 0 15px orange;
*/
		}


		.brideName, .groomName {

		}





 }
@media (min-width:1280px) 
{ /* hi-res laptops and desktops */ 
		.mainCoverPage
		{
			
				height:850px;
				/*background-color:green;*/
		}

		.linkCoverPage{
			 min-height:850px;
	
		}



.coverContent 
		{
		
			
			margin-top: -30%;
			margin-left: 120px;
		
	 
			
		/*background-color:blue; */

	/*	 box-shadow: 
       0 0 0 5px green, 
       0 0 0 10px yellow,
       0 0 0 15px orange;
*/
		}
		
		.brideName, .groomName {

		}

}


@media (min-width:1600px) { 

/* big landscape tablets, laptops, and desktops */ 
.mainCoverPage
{
	
	height:900px;
	/*background-color:pink;*/
}

.linkCoverPage{
			 min-height:900px;
			 
		}

  .coverContent 
		{
			margin-top:  -38%;
			margin-left: 120px;

		}


		.brideName, .groomName {

		}



}

@media (min-width:1680px) { 

/* big landscape tablets, laptops, and desktops */ 
.mainCoverPage
{
	
	height:1050px;
}


.linkCoverPage{
			 min-height:1050px;
		
		}



}



@media (min-width:1920px) { 

/* big landscape tablets, laptops, and desktops */ 
.mainCoverPage
{
	
	height:1080px;
}
.linkCoverPage{
			 min-height:1080px;
			
		}


}


@media (min-width:2560px) { 

/* big landscape tablets, laptops, and desktops */ 
.mainCoverPage
{
	
	height:1440px;
}
.linkCoverPage{
			 min-height:1440px;
			 
		}


}