@charset "UTF-8";
/* CSS Document */
body, html {
	position:absolute;
	width:100%;
	height:100%;
    font-size: 100%;
	font-family: 'Tangerine', cursive;
}
div.Block {
	position:absolute;
    width: 100%;
	height: 100%;
    opacity:0;
	background-color:#FFF;
    -webkit-animation: IntroModal 3s ease 0s forwards;
	-moz-animation: IntroModal 3s ease 0s forwards;
	-ms-animation: IntroModal 3s ease 0s forwards;
	-o-animation: IntroModal 3s ease 0s forwards;
	animation: IntroModal 3s ease 0s forwards;
}
@-webkit-keyframes IntroModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes IntroModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-ms-keyframes IntroModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes IntroModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes IntroModal {
      0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (min-width: 1280px) {
.top1280bg{
	height:35%;
	width:100%;
	text-align: center;
	/*background-repeat:no-repeat;
	background-size: 100% 80%;
	background-position:center;
	background-color:white;
	background-image:url(grey-organ-lines-grey.jpg);*/
}
}
.fullviewportblockfix{
	position:fixed;
	z-index:1;
	height:100%;
	width:100%;
}
@media screen and (min-width: 1280px) {
.fullviewportblockfix{
	position:absolute;
}
}
.topSocialMedialinks{
	position: absolute;
	width: 100%;
	top: 8%;
	text-align: center;
}
@media screen and (min-width: 1280px) {
.topSocialMedialinks{
	top:10%;
	left:0%;
	width: 33%;
	font-size: 1.65em;
	padding-left: 4%;
	padding-right: 4%;
}
}
@media screen and (min-width: 1800px) {
.topSocialMedialinks{
	top:12%;
	left:0%;
	width: 33%;
	font-size: 1.65em;
	padding-left: 4%;
	padding-right: 4%;
}
}
.socialmbox{
	display: inline-block;
	font-size: 1.65em;
	padding-left: 4%;
	padding-right: 4%;
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 736px) {
.socialmbox{
	padding-left:4%;
	padding-right:4%;
	font-size:2em;
}
}
@media screen and (min-width: 600px) and (orientation: portrait) {
.socialmbox{
	padding-left:4%;
	padding-right:4%;
	font-size:3em;
}
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.socialmbox{
	padding-left:2%;
	padding-right:2%;
	font-size:2em;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.socialmbox{
	padding-left:4%;
	padding-right:4%;
	font-size:3em;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) and (max-height: 600px) {
.socialmbox{
	padding-left:4%;
	padding-right:4%;
	font-size: 2em;
}
}
@media screen and (min-width: 1280px) {
.socialmbox{
	padding-left:2%;
	padding-right:2%;
	font-size: 1.65em;
}
}
.EFWeddinglogoRose{
	position:absolute;
	top:16%;
	width:100%;
	height:40%;
	background-image:url(EF-Wedding-Videography.jpg);
	-webkit-background-size:80%;
	background-size:80%;
	background-repeat:no-repeat;
	background-position:center center;
}
@media only screen and (orientation: landscape) {
.EFWeddinglogoRose{
	top:22%;
	height:40%;
	-webkit-background-size:40%;
    background-size:40%;
    }
}
@media screen and (min-width: 768px) {
.EFWeddinglogoRose{
	top:18%;
}
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.EFWeddinglogoRose{
	top:23%;
	-webkit-background-size:60%;
	background-size:60%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
.EFWeddinglogoRose{
	top:20%;
	height:40%;
	-webkit-background-size:40%;
    background-size:40%;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.EFWeddinglogoRose{
	top:20%;
}
}
@media screen and (min-width: 1280px) {
.EFWeddinglogoRose{
	top:2%;
	left:33%;
	width: 33%;
	height:25%;
	-webkit-background-size:80%;
	background-size:80%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) and (max-height: 800px) {
.EFWeddinglogoRose{
	-webkit-background-size:50%;
	background-size:50%;
}
}
.topcontactinfo{
	position:absolute;
	width:100%;
	text-align:center;
	font-size:1.65em;
	top:55%;
}
@media only screen and (orientation: landscape) {
.topcontactinfo{
	top:59%;
	font-size:1.5em;
    }
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 736px) {
.topcontactinfo{
	margin-top:4%;
	font-size:1.65em;
    }
}
@media screen and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
.topcontactinfo{
	margin-top:4%;
	font-size:2em;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
.topcontactinfo{
	margin-top:4%;
	font-size:2em;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) and (orientation: landscape) {
.topcontactinfo{
	margin-top:2%;
	font-size:1.65em;
}
}
@media screen and (min-width: 850px) and (max-width: 1023px) and (min-height: 450px) and (orientation: landscape) {
.topcontactinfo{
	margin-top:2%;
	font-size:1.65em !important;
}
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
.topcontactinfo{
	margin-top:4%;
	font-size:2.5em;
}
}
@media screen and (min-width: 800px) and (max-width: 1279px) and (orientation: landscape) {
.topcontactinfo{
	margin-top:4%;
	font-size:2em;
}
}
@media screen and (min-width: 800px) and (max-height: 449px) and (orientation: landscape) {
.topcontactinfo{
	margin-top:2%;
	font-size:1.65em;
}
}
@media screen and (min-width: 1280px) {
.topcontactinfo{
	top:4%;
	left:66%;
	width:33%;
	font-size:1.65em;
	padding-top:0%;
	margin-top:0%;
	padding-left: 4%;
	padding-right: 4%;
}
}
@media screen and (min-width: 1800px) {
.topcontactinfo{
	top:5%;
	left:66%;
	width:33%;
	font-size:2em;
	padding-top:0%;
	margin-top:0%;
	padding-left: 4%;
	padding-right: 4%;
}
}
.contactlink{
	padding-top:4%;
	padding-bottom:4%;
}
@media only screen and (orientation: landscape) {
.contactlink{
	display: inline-block;
	width:45%;
    }
}
@media only screen and (orientation: landscape) and (min-width: 768px) {
.contactlink{
	padding-top:1%;
	padding-bottom:1%;
	display: inline-block;
	width:45%;
    }
}
@media screen and (min-width: 1280px) {
.contactlink{
	display:block;
	width:100%;
	padding-top:6%;
	padding-bottom:6%;
}
}
@media screen and (min-width: 850px) and (max-width: 1023px) and (min-height: 450px) and (orientation: landscape) {
.contactlink{
	display: inline-block;
	width:33%;
}
}
.phonecontactlinksbox{
	padding-top:3%;
	padding-bottom:3%;
	padding-left:5%;
	padding-right:5%;
	
	background-color: white;
    color: white;
   
    text-align: center;
    text-decoration: none;
	
	-webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
}
.phonecontactlinksbox:hover {
	background-color: #f3f3f3;
}
@media only screen and (orientation: landscape) {
.phonecontactlinksbox{
	padding-left:13%;
	padding-right:13%;
    }
}
@media screen and (min-width: 1280px) {
.phonecontactlinksbox{
	padding-left:12%;
	padding-right:12%;
    }
}
.bottomcontactinfolink{
	position:relative;
	width:32%;
  	text-decoration: none !important;
  	color:#999 !important;
  	font-weight:500 !important;
	padding-top:3%;
	padding-bottom:3%;
	display: inline-block;
	font-size:2em !important;
	margin-top:15%;
	margin-bottom:15%;
}
@media screen and (min-width: 1280px) {
.bottomcontactinfolink {
	margin-top:9%;
	margin-bottom:5%;
    }
}
.bottomcontactlinksboxes{
	padding:10%;
	
	background-color:#ebebeb;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #ebebeb;
}
.bottomcontactlinksboxes:hover {
	background-color: #f3f3f3;
}
.emailcontactlinksbox{
	padding-top:3%;
	padding-bottom:3%;
	padding-left:5%;
	padding-right:5%;
	
	background-color: white; /* white */
    color: white;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
}
.emailcontactlinksbox:hover {
	background-color: #f3f3f3;
}
@media only screen and (orientation: landscape) {
.emailcontactlinksbox{
	padding-left:6%;
	padding-right:6%;
    }
}
.navbarbg{
	position:absolute;
	top:88%;
	height:12%;
	width:100%;
	background-repeat:no-repeat;
	-webkit-background-size: 1200%;
	background-size: 1200%;
	background-position: center center;
	background-color:#ebebeb;
	background-image:url(white-rose-ring-bg-sharpened.jpg);
}
@media only screen and (orientation: landscape) {
.navbarbg{
	top:85%;
	height:15%;
	-webkit-background-size:500%;
    background-size:500%;
    }
}
@media screen and (min-width: 1280px) {
.navbarbg{
	top:30%;
	height:12%;
	-webkit-background-size:350%;
    background-size:350%;
    }
}
a {
  text-decoration: none !important;
  color:#969696 !important;
  font-weight:500 !important;
}
.hvr-underline-from-center {
	width:24%;
	color: #a61d2f;
	margin-top:4.5%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
	text-align:center;
	font-family: 'Tangerine', cursive;
	font-size:1.65em !important;
    font-weight:500 !important;
}
@media screen and (max-width: 359px) and (max-height: 480px) {
.hvr-underline-from-center{
	margin-top:2.25% !important;
}
}
@media only screen and (orientation: landscape) {
.hvr-underline-from-center {
	margin-top:0.5% !important;
    }
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 736px) {
.hvr-underline-from-center{
	margin-top:5.5% !important;
	font-size:1.8em !important;
}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.hvr-underline-from-center{
	margin-top:4.5% !important;
	font-size:2.5em !important;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
.hvr-underline-from-center{
	margin-top:3% !important;
	font-size:2.5em !important;
}
}
@media screen and (min-width: 600px) and (max-width: 799px) and (max-height: 960px) {
.hvr-underline-from-center{
	margin-top:5%;
	font-size:2.5em !important;
}
}
@media screen and (min-width: 600px) and (max-width: 799px) and (orientation: landscape) {
.hvr-underline-from-center{
	margin-top:1.25% !important;
	font-size:1.65em !important;
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.hvr-underline-from-center{
	margin-top:8% !important;
	font-size:1.8em !important;
}
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
.hvr-underline-from-center{
	margin-top:4.5% !important;
	font-size:3em !important;
}
}
@media screen and (min-width: 800px) and (max-width: 1279px) and (orientation: landscape) {
.hvr-underline-from-center{
	margin-top:2.5% !important;
	font-size:2.5em !important;
}
}
@media screen and (min-width: 800px) and (max-height: 449px) and (orientation: landscape) {
.hvr-underline-from-center{
	margin-top:0.75% !important;
	font-size:1.65em !important;
}
}
@media screen and (min-width: 850px) and (max-width: 1023px) and (min-height: 450px) and (orientation: landscape) {
.hvr-underline-from-center{
	margin-top:1% !important;
	font-size:2em !important;
}
}
@media screen and (min-width: 960px) and (max-width: 1023px) and (min-height: 450px) and (orientation: landscape) {
.hvr-underline-from-center{
	margin-top:1.7% !important;
	font-size:2em !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) and (min-height: 1366px) {
.hvr-underline-from-center{
	margin-top:3.5% !important;
	font-size:3em !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) and (max-height: 600px) {
.hvr-underline-from-center{
	margin-top:1% !important;
	font-size:2.5em !important;
}
}
@media screen and (min-width: 1280px) and (max-height: 800px) and (orientation: landscape) {
.hvr-underline-from-center{
	margin-top:1% !important;
	font-size:3vw !important;
    }
}
@media screen and (min-width: 1280px) {
.hvr-underline-from-center{
	margin-top:0.85% !important;
	font-size:3vw !important;
    }
}
@media screen and (min-width: 1280px) and (min-height: 1024px) {
.hvr-underline-from-center{
	margin-top:2% !important;
	font-size:3vw !important;
    }
}
@media screen and (min-width: 1800px) {
.hvr-underline-from-center{
	margin-top:0.75% !important;
	font-size:3vw !important;
    }
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
	background:#dd1c47;
    height: 4%;
	
    -webkit-transition-property: left, right;
	-moz-transition-property: left, right;
	-ms-transition-property: left, right;
	-o-transition-property: left, right;
    transition-property: left, right;
	
	
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	
	
    -webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 3.5%;
    right: 3.5%;
}
.videocontainerresize{
	/*height:80vw; */
	text-align:center;
	width: 100%; 
	padding-top:5%;
	padding-bottom:10%;
	padding-left:10%;
	padding-right:10%;
}
.vidtitles{
	text-decoration: none !important;
  	color:#fff !important;
  	font-weight:500 !important;
	text-align:center;
	font-size:1.65em;
}
@media only screen and (orientation: landscape) {
.vidtitles{
	font-size:2.5em;
    }
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 736px) {
.vidtitles{
	font-size:1.8em !important;
}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.vidtitles{
	font-size:2.5em !important;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
.vidtitles{
	font-size:2.5em !important;
}
}
@media screen and (min-width: 600px) and (max-width: 799px) and (max-height: 960px) {
.vidtitles{
	font-size:2.5em !important;
}
}
@media screen and (min-width: 600px) and (max-width: 799px) and (orientation: landscape) {
.vidtitles{
	font-size:2.5em !important;
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.vidtitles{
	font-size:1.8em !important;
}
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
.vidtitles{
	font-size:3em !important;
}
}
@media screen and (min-width: 800px) and (max-width: 1279px) and (orientation: landscape) {
.vidtitles{
	font-size:3em !important;
}
}
@media screen and (min-width: 800px) and (max-height: 449px) and (orientation: landscape) {
.vidtitles{
	font-size:3em !important;
}
}
@media screen and (min-width: 850px) and (max-width: 1023px) and (min-height: 450px) and (orientation: landscape) {
.vidtitles{
	font-size:3em !important;
}
}
@media screen and (min-width: 960px) and (max-width: 1023px) and (min-height: 450px) and (orientation: landscape) {
.vidtitles{
	font-size:3em !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) and (min-height: 1366px) {
.vidtitles{
	font-size:3em !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) and (max-height: 600px) {
.vidtitles{
	font-size:3em !important;
}
}
@media screen and (min-width: 1280px) and (max-height: 800px) and (orientation: landscape) {
.vidtitles{
	font-size:3vw !important;
    }
}
@media screen and (min-width: 1280px) {
.vidtitles{
	font-size:3vw !important;
    }
}
@media screen and (min-width: 1280px) and (min-height: 1024px) {
.vidtitles{
	font-size:3vw !important;
    }
}
@media screen and (min-width: 1800px) {
.vidtitles{
	font-size:3vw !important;
    }
}
.headspace{
	padding-top:10%;
}
@media only screen and (orientation: landscape) {
.headspace{
	padding-top:7%;
}
}
@media screen and (min-width: 1280px) {
.headspace{
	padding-top:5%;
}
}
.samplesheadspace{
	padding-top:15%;
}
@media only screen and (orientation: landscape) {
.samplesheadspace{
	padding-top:10%;
}
}
@media only screen and (min-width: 1280px) {
.samplesheadspace{
	padding-top:6%;
}
}
.iPhoneXpackagesheadspace{
	padding-top:10%;
}
@media only screen and (orientation: landscape) {
.iPhoneXpackagesheadspace{
	padding-top:7%;
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.iPhoneXpackagesheadspace{
	padding-top:0%;
}
}
@media screen and (min-width: 1280px) {
.iPhoneXpackagesheadspace{
	padding-top:5%;
}
}
.eoghansbuttonsheadspaceindex{
	padding-top:8%;
}
@media only screen and (orientation: landscape) {
.eoghansbuttonsheadspaceindex{
	padding-top:10%;
}
}
@media screen and (min-width: 1024px) {
.eoghansbuttonsheadspaceindex{
	padding-top:5%;
}
}
@media screen and (min-width: 1280px) {
.eoghansbuttonsheadspaceindex{
	padding-top:2%;
}
}
.eoghansbuttonsheadspacepackages{
	padding-top:8%;
}
@media only screen and (orientation: landscape) {
.eoghansbuttonsheadspacepackages{
	padding-top:10%;
}
}
@media only screen and (min-width: 600px) {
.eoghansbuttonsheadspacepackages{
	padding-top:5%;
}
}
@media screen and (min-width: 1024px) {
.eoghansbuttonsheadspacepackages{
	padding-top:5%;
}
}
@media screen and (min-width: 1280px) {
.eoghansbuttonsheadspacepackages{
	padding-top:2%;
}
}
@media screen and (min-width: 1024px) {
.extraheadspaceforabovebelowpackages{
	padding-top:6%;
}
}
@media screen and (min-width: 1280px) {
.extraheadspaceforabovebelowpackages{
	padding-top:3%;
}
}
.eoghansbuttonsheadspacepackagesbottombutton{
	padding-top:16%;
}
@media only screen and (orientation: landscape) {
.eoghansbuttonsheadspacepackagesbottombutton{
	padding-top:20%;
}
}
@media only screen and (min-width: 600px) {
.eoghansbuttonsheadspacepackagesbottombutton{
	padding-top:15%;
}
}
@media only screen and (min-width: 800px) {
.eoghansbuttonsheadspacepackagesbottombutton{
	padding-top:20%;
}
}
@media screen and (min-width: 1024px) {
.eoghansbuttonsheadspacepackagesbottombutton{
	padding-top:15%;
}
}
@media screen and (min-width: 1280px) {
.eoghansbuttonsheadspacepackagesbottombutton{
	padding-top:8%;
}
}
.packagesheadspace{
	padding-top:3%;
}
@media screen and (min-width: 768px) {
.packagesheadspace{
	padding-top:0%;
}
}
.videobgcolour{
	position:absolute;
	z-index:2;
	top:100%;
	width:100%;
	background-image:url(gaudi_tiles4.jpg);
	background-position: center center;
	background-repeat:repeat;
	background-color:#8d1822;
	box-shadow:inset 0px 5px 10px 0px rgba(0,0,0,0.6);

}
@media screen and (min-width: 1280px) {
.videobgcolour{
	top:42%;
    }
}
/*
.videofadein{
	-webkit-animation: VideoFadeInModal 3s ease 0s forwards;
	-moz-animation: VideoFadeInModal 3s ease 0s forwards;
	-ms-animation: VideoFadeInModal 3s ease 0s forwards;
	-o-animation: VideoFadeInModal 3s ease 0s forwards;
	animation: VideoFadeInModal 3s ease 0s forwards;
}
@-webkit-keyframes VideoFadeInModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
     80% {
		 opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@-moz-keyframes VideoFadeInModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
     80% {
		 opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@-ms-keyframes VideoFadeInModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
     80% {
		 opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@-o-keyframes VideoFadeInModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
     80% {
		 opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes VideoFadeInModal {
     0% {
		 opacity: 0;
	}
	 50% {
		 opacity: 0;
	}
     80% {
		 opacity: 0;
	}

	100% {
		opacity: 1;
	}
}*/
.footerbarbg{
	position:absolute;
	width:100%;
	height:40px;
	background-repeat: no-repeat;
	-webkit-background-size: 450%;
	background-size: 450%;
	background-position: center center;
	background-color:#ebebeb;
	background-image:url(white-rose-ring-bg-sharpened.jpg);
}
@media screen and (min-width: 768px) {
.footerbarbg{
	position:absolute;
	width:100%;
	height:55px;
	background-repeat: no-repeat;
	-webkit-background-size: 300%;
	background-size: 300%;
	background-position: center center;
	background-color:#ebebeb;
	background-image:url(white-rose-ring-bg-sharpened.jpg);
    }
}
.footerBlock{
	margin-top:35px;
	width:100%;
	text-align:center;
	background-color:#ebebeb;
}
@media only screen and (orientation: landscape) {
.footerBlock{
	margin-top:0%;
}
}
@media screen and (min-width: 1280px) {
.footerBlock{
	margin-top:0%;
}
}
.contactinfotext {
	text-align:center;
	position:relative;
	font-size:1.65em !important;
	width:100%;
	padding:6%;
  	text-decoration: none !important;
  	color:#999 !important;
  	font-weight:500 !important;
}
@media only screen and (orientation: landscape) {
.contactinfotext{
	font-size:2.15em !important;
    }
}
@media screen and (min-width: 600px) {
.contactinfotext{
	padding-top:1%;
	padding-bottom:1%;
	display: inline-block;
	width:49%;
	font-size:2em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.contactinfotext{
	padding-top:1%;
	padding-bottom:1%;
	display: inline-block;
	width:49%;
	font-size:1.8em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 768px) {
.contactinfotext{
	padding-top:1%;
	padding-bottom:1%;
	display: inline-block;
	width:49%;
	font-size:2.3em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.contactinfotext{
	padding-top:1%;
	padding-bottom:1%;
	display: inline-block;
	width:49%;
	font-size:2em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 1024px) {
.contactinfotext{
	padding-top:1%;
	padding-bottom:1%;
	display: inline-block;
	width:49%;
	font-size:2.5em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.contactinfotext{
	padding-top:1%;
	padding-bottom:1%;
	display: inline-block;
	width:49%;
	font-size:2.2em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
.Eoghansbuttons{
	text-align:center;
	position:relative;
	font-size:1.65em !important;
	width:100%;
	padding:6%;
  	text-decoration: none !important;
  	color:#999 !important;
  	font-weight:500 !important;
}
@media only screen and (orientation: landscape) {
.Eoghansbuttons{
	font-size:2.15em !important;
    }
}
@media screen and (min-width: 600px) {
.Eoghansbuttons{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.Eoghansbuttons{
	padding-top:1%;
	padding-bottom:1%;
	font-size:1.8em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 768px) {
.Eoghansbuttons{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2.3em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.Eoghansbuttons{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 1024px) {
.Eoghansbuttons{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2.5em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.Eoghansbuttons{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2.2em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
.links{
	text-align:center;
	position:relative;
	font-size:1.65em !important;
	width:100%;
	padding:6%;
  	text-decoration: none !important;
  	color:#999 !important;
  	font-weight:500 !important;
}
@media only screen and (orientation: landscape) {
.links{
	font-size:2.15em !important;
    }
}
@media screen and (min-width: 600px) {
.links{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2em !important;
	margin-top:6%;
	margin-bottom:6%;
    }
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.links{
	padding-top:1%;
	padding-bottom:1%;
	font-size:1.8em !important;
	margin-top:3%;
	margin-bottom:3%;
    }
}
@media screen and (min-width: 768px) {
.links{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2.3em !important;
	margin-top:6%;
	margin-bottom:6%;
    }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.links{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2em !important;
	margin-top:5%;
	margin-bottom:5%;
    }
}
@media screen and (min-width: 1024px) {
.links{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2.5em !important;
	margin-top:5%;
	margin-bottom:5%;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.links{
	padding-top:1%;
	padding-bottom:1%;
	font-size:2.2em !important;
	margin-top:5%;
	margin-bottom:5%;
    }
}
.bottomphonecontactlinksbox{
	padding-top:3%;
	padding-bottom:3%;
	padding-left:11%;
	padding-right:11%;
	
	background-color: white; /* white */
    color: white;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
}
.bottomphonecontactlinksbox:hover {
	background-color: #f3f3f3;
}
@media only screen and (orientation: landscape) {
.bottomphonecontactlinksbox{
	padding-left:11%;
	padding-right:11%;
    }
}
.bottomemailcontactlinksbox{
	padding-top:3%;
	padding-bottom:3%;
	padding-left:5%;
	padding-right:5%;
	
	background-color: white; /* white */
    color: white;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
}
.bottomemailcontactlinksbox:hover {
	background-color: #f3f3f3;
}
@media only screen and (orientation: landscape) {
.bottomemailcontactlinksbox{
	padding-left:5%;
	padding-right:5%;
    }
}
.footerinfo{
	width:100%;
	background-color:#ebebeb;
	text-align:center;
	font-size:1.65em !important;
}
@media only screen and (orientation: landscape) {
.footerinfo{
	margin-top:0%;
	height:8%;
	font-size:1.65em !important;
    }
}
@media screen and (min-width: 768px) {
.footerinfo {
	margin-top:0%;
	font-size:2em !important;
	height:30%;
    }
}
@media screen and (min-width: 1280px) {
.footerinfo {
	margin-top:0%;
	font-size:2em !important;
	height:30%;
	padding-top:5%;
    }
}
.bottomdots{
	color:#dd1c48;
}
.sitedesigninfo{
	color:#dd1c48;
}
.sitedesignbottomlink{
	color:#dd1c48;
	padding-bottom:10%;
}
.eoghanfarrenwebsitelink{
	text-decoration:underline !important;
}
.profilepic{
	text-align:center;
	width:100%;
	height:33vw;
	background-image:url(Profile_pic5.png);
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: 33%;
	background-size: 33%;
}
@media only screen and (orientation: landscape) {
.profilepic{
	height:25vw;
	-webkit-background-size: 25%;
	background-size: 25%;
    }
}
@media screen and (min-width: 1280px) {
.profilepic{
	height:15vw;
	-webkit-background-size:15%;
	background-size: 15%;
    }
}
.texttitles{
	text-align:center;
	font-size:2.3em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:3%;
	padding-top:6%;
}
@media screen and (min-width: 600px) {
.texttitles{
	font-size:2.8em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:2%;
	padding-top:6%;
}
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.texttitles{
	font-size:2.5em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:0%;
	padding-top:4%;
}
}
@media screen and (min-width: 768px) {
.texttitles{
	font-size:3em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:2%;
	padding-top:6%;
}
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.texttitles{
	font-size:2.8em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:0%;
	padding-top:4%;
}
}
@media screen and (min-width: 1024px) {
.texttitles{
	font-size:3.8em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:3%;
	padding-top:6%;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.texttitles{
	font-size:3.2em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:3%;
	padding-top:6%;
}
}
@media screen and (min-width: 1280px) {
.texttitles{
	font-size:3em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:1%;
	padding-top:3%;
}
}
@media screen and (min-width: 1800px) {
.texttitles{
	font-size:3.5em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:1%;
	padding-top:3%;
}
}
.packagesinfotitles{
	text-align:center;
	font-size:2.3em !important;
	color:#8d1822 !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:3%;
	padding-top:0%;
}
@media screen and (min-width: 600px) {
.packagesinfotitles{
	font-size:2.8em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:2%;
}
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.packagesinfotitles{
	font-size:2.5em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:0%;
}
}
@media screen and (min-width: 768px) {
.packagesinfotitles{
	font-size:3em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:2%;
}
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.packagesinfotitles{
	font-size:2.8em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:0%;
}
}
@media screen and (min-width: 1024px) {
.packagesinfotitles{
	font-size:3.8em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:3%;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.packagesinfotitles{
	font-size:3em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:3%;
}
}
@media screen and (min-width: 1280px) {
.packagesinfotitles{
	font-size:3em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:1%;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.packagesinfotitles{
	font-size:3em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:1%;
}
}
@media screen and (min-width: 1800px) {
.packagesinfotitles{
	font-size:3.5em !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:1%;
}
}
.dashdotdashtext{
	text-align:center;
	font-size:1.65em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:0%;
	padding-top:0%;
}
@media screen and (min-width: 600px) {
.dashdotdashtext{
	font-size:2em !important;
    }
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.dashdotdashtext{
	font-size:1.8em !important;
    }
}
@media screen and (min-width: 768px) {
.dashdotdashtext{
	font-size:2.3em !important;
    }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.dashdotdashtext{
	font-size:2em !important;
    }
}
@media screen and (min-width: 1024px) {
.dashdotdashtext{
	font-size:2.5em !important;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.dashdotdashtext{
	font-size:2em !important;
    }
}
@media screen and (min-width: 1280px) {
.dashdotdashtext{
	font-size:2.2em !important;
    }
}
.packagesdashdotdashtext{
	text-align:center;
	font-size:1.65em !important;
	color:#8d1822 !important;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:0%;
	padding-top:0%;
}
@media screen and (min-width: 600px) {
.packagesdashdotdashtext{
	font-size:2em !important;
    }
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.packagesdashdotdashtext{
	font-size:1.8em !important;
    }
}
@media screen and (min-width: 768px) {
.packagesdashdotdashtext{
	font-size:2.3em !important;
    }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.packagesdashdotdashtext{
	font-size:2em !important;
    }
}
@media screen and (min-width: 1024px) {
.packagesdashdotdashtext{
	font-size:2.5em !important;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.packagesdashdotdashtext{
	font-size:2em !important;
    }
}
@media screen and (min-width: 1280px) {
.packagesdashdotdashtext{
	font-size:2.2em !important;
    }
}
.abouttext{
	text-align:center;
	font-size:1.65em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:10%;
	padding-top:3%;
}
@media screen and (min-width: 600px) {
.abouttext{
	font-size:2em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:10%;
	padding-top:2%;
    }
}
@media screen and (min-width: 600px) and (orientation: landscape) {
.abouttext{
	font-size:1.8em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:10%;
	padding-top:0%;
    }
}
@media screen and (min-width: 768px) {
.abouttext{
	font-size:2.3em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:10%;
	padding-top:2%;
    }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
.abouttext{
	font-size:2em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:10%;
	padding-top:0%;
    }
}
@media screen and (min-width: 1024px) {
.abouttext{
	font-size:2.5em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:10%;
	padding-top:3%;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.abouttext{
	font-size:2.2em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:10%;
	padding-top:3%;
    }
}
@media screen and (min-width: 1280px) {
.abouttext{
	font-size:2.2em !important;
	color:white;
	padding-right:10%;
	padding-left:10%;
	padding-bottom:4%;
	padding-top:1%;
    }
}
@media screen and (min-width: 1280px) {
br {
    display: none;
}
}
@media screen and (min-width: 1280px) {
br.contactpagebreak {
	display:block !important;
}
}
a.packageslinksbutton{
	color:white !important;
}
.packageslinksbutton{
	position:relative;
	padding-top:4%;
	padding-bottom:4%;
	padding-left:14%;
	padding-right:14%;
	background-color:#a61d2f;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
}
.packageslinksbutton:hover {
	background-color: #dd1c48;
}
@media screen and (min-width: 599px) {
.packageslinksbutton{
	padding-top:3% !important;
	padding-bottom:3% !important;
	padding-left:13% !important;
	padding-right:13% !important;
}
}
@media screen and (min-width: 1280px) {
.packageslinksbutton{
	padding-top:2% !important;
	padding-bottom:2% !important;
	padding-left:7% !important;
	padding-right:7% !important;
}
}
@media screen and (min-width: 1366px) {
.packageslinksbutton{
	padding-top:2% !important;
	padding-bottom:2% !important;
	padding-left:5% !important;
	padding-right:5% !important;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
.packageslinksbutton{
	padding-top:2% !important;
	padding-bottom:2% !important;
	padding-left:7% !important;
	padding-right:7% !important;
}
}
@media screen and (min-width: 1800px) {
.packageslinksbutton{
	padding-top:1.5% !important;
	padding-bottom:1.5% !important;
	padding-left:6% !important;
	padding-right:6% !important;
}
}
.vendorlinksbutton{
	position:relative;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:10%;
	padding-right:10%;
	
	background-color: white;
    color: white;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
}
.vendorlinksbutton:hover {
	background-color: #f3f3f3;
}
@media only screen and (orientation: landscape) {
.vendorlinksbutton{
	padding-top:2%;
	padding-bottom:2%;
	background-color: white; 
    color: white;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
	
	padding-left:11%;
	padding-right:11%;
    }
}
.photographyvendorlinksbutton{
	padding-top:3%;
	padding-bottom:3%;
	background-color: white; /* white */
    color: white;
   
    text-align: center;
    text-decoration: none;
	
   -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
	
	padding-left:20% !important;
	padding-right:20% !important;
}
.photographyvendorlinksbutton:hover {
	background-color: #f3f3f3;
}
@media screen and (max-width: 599px) {
.photographyvendorlinksbutton{
	padding-left:14% !important;
	padding-right:14% !important;
}
}
@media screen and (min-width: 1280px) {
.photographyvendorlinksbutton{
	padding-left:18% !important;
	padding-right:18% !important;
}
}
@media screen and (min-width: 1800px) {
.photographyvendorlinksbutton{
	padding-left:17% !important;
	padding-right:17% !important;
}
}
.musicvendorlinksbutton{
	padding-top:3%;
	padding-bottom:3%;
	background-color: white; /* white */
    color: white;
   
    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
	
	padding-left:24% !important;
	padding-right:24% !important;
}
.musicvendorlinksbutton:hover {
	background-color: #f3f3f3;
}
@media screen and (max-width: 599px) {
.musicvendorlinksbutton{
	padding-left:14% !important;
	padding-right:14% !important;
}
}
@media screen and (min-width: 1280px) {
.musicvendorlinksbutton{
	padding-left:21% !important;
	padding-right:21% !important;
}
}
@media screen and (min-width: 1800px) {
.musicvendorlinksbutton{
	padding-left:20% !important;
	padding-right:20% !important;
}
}
.accomvendorlinksbutton{
	padding-top:3%;
	padding-bottom:3%;
	background-color: white; /* white */
    color: white;

    text-align: center;
    text-decoration: none;
	
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
	
	padding-left:15% !important;
	padding-right:15% !important;
}
.accomvendorlinksbutton:hover {
	background-color: #f3f3f3;
}
@media screen and (max-width: 599px) {
.accomvendorlinksbutton{
	padding-left:10% !important;
	padding-right:10% !important;
}
}
.hairbeautyvendorlinksbutton{
	padding-top:3%;
	padding-bottom:3%;
	background-color: white; /* white */
    color: white;
   
    text-align: center;
    text-decoration: none;
	
   -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	
    cursor: pointer;
    border-radius: 8vw;

	border: 2px solid #e7e7e7;
	
	padding-left:14% !important;
	padding-right:14% !important;
}
.hairbeautyvendorlinksbutton:hover {
	background-color: #f3f3f3;
}
@media screen and (max-width: 599px) {
.hairbeautyvendorlinksbutton{
	padding-left:11% !important;
	padding-right:11% !important;
}
}
.DVDimg{
	text-align:center;
	/*width:100%;
	height:110vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 95%;*/
}
.DVDimgsize{
	text-align:center;
	width: 95%;
}
@media screen and (min-width: 320px) and (min-height: 568px) and (orientation: portrait) {
.DVDimgsize{
	width: 95%;
}
}
@media screen and (orientation: landscape) {
.DVDimgsize{
	width: 100%;
	/*height:232vh;*/
}
}
@media screen and (min-width: 481px) and (orientation: landscape) {
.DVDimgsize{
	width:100%;
	/*height:265vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 640px) and (orientation: landscape) {
.DVDimgsize{
	width:100%;
	/*height:270vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 360px) and (orientation: portrait) {
.DVDimgsize{
	width:100%;
	/*height:92vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 384px) and (orientation: portrait) {
.DVDimgsize{
	width:95%;
	/*height:92vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 95%;*/
}
}
@media screen and (min-width: 411px) and (max-width: 599px) and (orientation: portrait) {
.DVDimgsize{
	width:100%;
	/*height:90vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 411px) and (max-width: 479px) and (min-height: 823px) and (orientation: portrait) {
.DVDimgsize{
	width:100%;
	/*height:75vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.DVDimgsize{
	width:100%;
	/*height:70vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 812px) and (orientation: landscape) {
.DVDimgsize{
	width:100%;
	/*height:330vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 768px) and (max-width: 799px) and (orientation: portrait) {
.DVDimgsize{
	width:75%;
	/*height:90vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 75%;*/
}
}
@media screen and (min-width: 800px) and (orientation: portrait) {
.DVDimgsize{
	width:90%;
	/*height:90vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 90%;*/
}
}
@media screen and (min-width: 854px) and (orientation: landscape) {
.DVDimgsize{
	width:100%;
	/*height:290vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 960px) and (orientation: landscape) {
.DVDimgsize{
	width:100%;
	/*height:255vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;*/
}
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
.DVDimgsize{
	width:75%;
	/*height:90vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 75%;*/
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.DVDimgsize{
	width:60%;
	/*height:85vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 30%;*/
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.DVDimgsize{
	width:60%;
	/*height:90vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 40%;*/
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.DVDimgsize{
	width:60%;
	/*height:104vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 40%;*/
}
}
@media screen and (min-width: 1366px) and (min-height: 769px) and (max-height: 1024px) and (orientation: landscape) {
.DVDimgsize{
	width:60%;
	/*height:86vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 40%;*/
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
.DVDimgsize{
	width:40%;
	/*height:90vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 30%;*/
}
}
@media screen and (min-width: 1920px) and (min-height: 768px) {
.DVDimgsize{
	width:35%;
	/*height:90vh;
	background-image:url(Packages8dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 30%;*/
}
}
/*
.USBimg{
	text-align:center;
	width:100%;
	height:13vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 40%;
}
@media screen and (min-width: 320px) and (min-height: 568px) and (orientation: portrait) {
.USBimg{
	text-align:center;
	width:100%;
	height:13vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 50%;
}
}
@media screen and (orientation: landscape) {
.USBimg{
	text-align:center;
	width:100%;
	height:43vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 50%;
}
}
@media screen and (min-width: 360px) and (orientation: portrait) {
.USBimg{
	text-align:center;
	width:100%;
	height:12vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 38%;
}
}
@media screen and (min-width: 384px) and (orientation: portrait) {
.USBimg{
	text-align:center;
	width:100%;
	height:13vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 40%;
}
}
@media screen and (min-width: 411px) and (max-width: 599px) and (orientation: portrait) {
.USBimg{
	text-align:center;
	width:100%;
	height:13vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 50%;
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.USBimg{
	text-align:center;
	width:100%;
	height:11vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 50%;
}
}
@media screen and (min-width: 812px) and (orientation: landscape) {
.USBimg{
	text-align:center;
	width:100%;
	height:48vh;
	background-image:url(USB3dropshadow.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 50%;
}
}*/
.platinumpackageribbon{
	text-align:center;
	margin-top:10%;
	width:100%;
	height:36vh;
	background-image:url(Package-Ribbons-3-Platinum.png);
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size:37%;
	background-size:37%;
}
@media screen and (orientation: landscape) {
.platinumpackageribbon{
	height:70vh;
	-webkit-background-size:26%;
	background-size:26%;
}
}
@media screen and (min-width: 411px) and (max-width: 479px) and (min-height: 823px) and (orientation: portrait) {
.platinumpackageribbon{
	height:36vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.platinumpackageribbon{
	height:36vh;
	-webkit-background-size:42%;
	background-size:42%;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) and (orientation: portrait) {
.platinumpackageribbon{
	height:36vh;
	-webkit-background-size:30%;
	background-size:30%;
}
}
@media screen and (min-width: 800px) and (orientation: portrait) {
.platinumpackageribbon{
	height:30vh;
	-webkit-background-size:32%;
	background-size:32%;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.platinumpackageribbon{
	height:33vh;
	-webkit-background-size:35%;
	background-size:35%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.platinumpackageribbon{
	height:25vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.platinumpackageribbon{
	height:30vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.platinumpackageribbon{
	height:28vh;
	-webkit-background-size:60%;
	background-size:60%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
.platinumpackageribbon{
	height:28vh;
	-webkit-background-size:33%;
	background-size:33%;
}
}
@media screen and (min-width: 1920px) and (min-height: 768px) {
.platinumpackageribbon{
	height:28vh;
	-webkit-background-size:33%;
	background-size:33%;
}
}
.goldpackageribbon{
	text-align:center;
	margin-top:10%;
	width:100%;
	height:36vh;
	background-image:url(Package-Ribbons-3-Gold.png);
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size:37%;
	background-size:37%;
}
@media screen and (orientation: landscape) {
.goldpackageribbon{
	height:70vh;
	-webkit-background-size:26%;
	background-size:26%;
}
}
@media screen and (min-width: 411px) and (max-width: 479px) and (min-height: 823px) and (orientation: portrait) {
.goldpackageribbon{
	height:36vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.goldpackageribbon{
	height:36vh;
	-webkit-background-size:42%;
	background-size:42%;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) and (orientation: portrait) {
.goldpackageribbon{
	height:36vh;
	-webkit-background-size:30%;
	background-size:30%;
}
}
@media screen and (min-width: 800px) and (orientation: portrait) {
.goldpackageribbon{
	height:30vh;
	-webkit-background-size:32%;
	background-size:32%;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.goldpackageribbon{
	height:33vh;
	-webkit-background-size:35%;
	background-size:35%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.goldpackageribbon{
	height:25vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.goldpackageribbon{
	height:30vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.goldpackageribbon{
	height:28vh;
	-webkit-background-size:60%;
	background-size:60%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
.goldpackageribbon{
	height:28vh;
	-webkit-background-size:33%;
	background-size:33%;
}
}
@media screen and (min-width: 1920px) and (min-height: 768px) {
.goldpackageribbon{
	height:28vh;
	-webkit-background-size:33%;
	background-size:33%;
}
}
.silverpackageribbon{
	text-align:center;
	margin-top:10%;
	width:100%;
	height:36vh;
	background-image:url(Package-Ribbons-3-Silver.png);
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size:37%;
	background-size:37%;
}
@media screen and (orientation: landscape) {
.silverpackageribbon{
	height:70vh;
	-webkit-background-size:37%;
	background-size:26%;
}
}
@media screen and (min-width: 411px) and (max-width: 479px) and (min-height: 823px) and (orientation: portrait) {
.silverpackageribbon{
	height:36vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 375px) and (max-width: 599px) and (min-height: 812px) and (max-height: 822px) and (orientation: portrait) {
.silverpackageribbon{
	height:36vh;
	-webkit-background-size:42%;
	background-size:42%;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) and (orientation: portrait) {
.silverpackageribbon{
	height:36vh;
	-webkit-background-size:30%;
	background-size:30%;
}
}
@media screen and (min-width: 800px) and (orientation: portrait) {
.silverpackageribbon{
	height:30vh;
	-webkit-background-size:32%;
	background-size:32%;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.silverpackageribbon{
	height:33vh;
	-webkit-background-size:35%;
	background-size:35%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.silverpackageribbon{
	height:25vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.silverpackageribbon{
	height:30vh;
	-webkit-background-size:40%;
	background-size:40%;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.silverpackageribbon{
	height:28vh;
	-webkit-background-size:60%;
	background-size:60%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
.silverpackageribbon{
	height:28vh;
	-webkit-background-size:33%;
	background-size:33%;
}
}
@media screen and (min-width: 1920px) and (min-height: 768px) {
.silverpackageribbon{
	height:28vh;
	-webkit-background-size:33%;
	background-size:33%;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:144vh;
	vertical-align:top;
    }
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:110vh;
	vertical-align:top;
    }
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:118vh;
	vertical-align:top;
    }
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:118vh;
	vertical-align:top;
    }
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:88vh;
	vertical-align:top;
    }
}
@media screen and (min-width: 1366px) and (min-height: 769px) and (max-height: 1024px) and (orientation: landscape) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:105vh;
	vertical-align:top;
    }
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:124vh;
	vertical-align:top;
    }
}
@media screen and (min-width: 1920px) and (min-height: 768px) {
.packagesInLinelayout{
	display: inline-block;
	width:30%;
	height:100vh;
	vertical-align:top;
    }
}
.Platinumpackagebg{
	text-align:center;
	margin:7%;
	background-image:url(gaudi_tiles4_grey2.jpg);
	background-position: center center;
	background-repeat:repeat;
	border-radius: 25px;
}
@media screen and (min-width: 1024px) {
.Platinumpackagebg{
	margin-top:1%;
	margin-bottom:1%;
	margin-left:2%;
	margin-right:1%;
}
}
.Goldpackagebg{
	text-align:center;
	margin:7%;
	background-image:url(gaudi_tiles4_gold.jpg);
	background-position: center center;
	background-repeat:repeat;
	border-radius: 25px;
}
@media screen and (min-width: 1024px) {
.Goldpackagebg{
	margin-top:1%;
	margin-bottom:1%;
	margin-left:1%;
	margin-right:1%;
}
}
.Silverpackagebg{
	text-align:center;
	margin:7%;
	background-image:url(gaudi_tiles4_grey.jpg);
	background-position: center center;
	background-repeat:repeat;
	border-radius: 25px;
}
@media screen and (min-width: 1024px) {
.Silverpackagebg{
	margin-top:1%;
	margin-bottom:1%;
	margin-left:1%;
	margin-right:2%;
}
}
.alignpackageinfo{
	text-align:center;
}
.facebookmessagecontainer{
	text-align:center;
	width:100%;
}
.bottomspacefill{
	background-color:#ebebeb;
}
/* Intro Modal styles -- If using this animation in the future I'll need to change left/right position properties to transform: translate property for better performance (I've done it for the first EFIntrotext animation below) I believe there will still beissues with it if used now as similar animation on W3Schools website was "sticking"

.zapfinoEFIntrotext {
	z-index:10;
    width: 50vw;
    position: absolute;
	font-size: 8vw;
	font-weight:500;
    opacity:0;
	top:15vw;
	color: #a61d2f;
	overflow:hidden;
    -webkit-animation: EFIntrotext 5s ease 0s forwards;
	-moz-animation: EFIntrotext 5s ease 0s forwards;
	-ms-animation: EFIntrotext 5s ease 0s forwards;
	-o-animation: EFIntrotext 5s ease 0s forwards;
	animation: EFIntrotext 5s ease 0s forwards;
}
@-webkit-keyframes EFIntrotext {
     0% {
		 opacity: 0;
    	 -webkit-transform: translate(75vw);
		 -moz-animation: translate(75vw);
		 -ms-transform: translate(75vw);
		 -o-animation: translate(75vw);
    	 transform: translate(75vw);
		}
     50% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
     80% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
	100% {
		 opacity: 0;
		 -webkit-transform: translate(100vw);
		 -moz-animation: translate(100vw);
		 -ms-transform: translate(100vw);
		 -o-animation: translate(100vw);
    	 transform: translate(100vw);
		
	}
}
@-moz-keyframes EFIntrotext {
     0% {
		 opacity: 0;
    	 -webkit-transform: translate(75vw);
		 -moz-animation: translate(75vw);
		 -ms-transform: translate(75vw);
		 -o-animation: translate(75vw);
    	 transform: translate(75vw);
		}
     50% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
     80% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
	100% {
		 opacity: 0;
		 -webkit-transform: translate(100vw);
		 -moz-animation: translate(100vw);
		 -ms-transform: translate(100vw);
		 -o-animation: translate(100vw);
    	 transform: translate(100vw);
		
	}
}
@-ms-keyframes EFIntrotext {
     0% {
		 opacity: 0;
    	 -webkit-transform: translate(75vw);
		 -moz-animation: translate(75vw);
		 -ms-transform: translate(75vw);
		 -o-animation: translate(75vw);
    	 transform: translate(75vw);
		}
     50% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
     80% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
	100% {
		 opacity: 0;
		 -webkit-transform: translate(100vw);
		 -moz-animation: translate(100vw);
		 -ms-transform: translate(100vw);
		 -o-animation: translate(100vw);
    	 transform: translate(100vw);
		
	}
}
@-o-keyframes EFIntrotext {
     0% {
		 opacity: 0;
    	 -webkit-transform: translate(75vw);
		 -moz-animation: translate(75vw);
		 -ms-transform: translate(75vw);
		 -o-animation: translate(75vw);
    	 transform: translate(75vw);
		}
     50% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
     80% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
	100% {
		 opacity: 0;
		 -webkit-transform: translate(100vw);
		 -moz-animation: translate(100vw);
		 -ms-transform: translate(100vw);
		 -o-animation: translate(100vw);
    	 transform: translate(100vw);
		
	}
}
@keyframes EFIntrotext {
     0% {
		 opacity: 0;
    	 -webkit-transform: translate(75vw);
		 -moz-animation: translate(75vw);
		 -ms-transform: translate(75vw);
		 -o-animation: translate(75vw);
    	 transform: translate(75vw);
		}
     50% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
     80% {
		 opacity: 1;
		 -webkit-transform: translate(40vw);
		 -moz-animation: translate(40vw);
		 -ms-transform: translate(40vw);
		 -o-animation: translate(40vw);
    	 transform: translate(40vw);
	}
	100% {
		 opacity: 0;
		 -webkit-transform: translate(100vw);
		 -moz-animation: translate(100vw);
		 -ms-transform: translate(100vw);
		 -o-animation: translate(100vw);
    	 transform: translate(100vw);
		
	}
}
.zapfinoWeddingVideographyIntrotext {
	z-index:3;
    width: 50vw;
    position: absolute;
    font-family: "LinotypeZapfino One";
	font-size: 5vw;
	font-weight:500;
    opacity:0;
	top:22vw;
	color: #dd1c47;
	overflow:hidden;
    -webkit-animation: WeddingVidIntrotext 5s ease 1s forwards;
	-moz-animation: WeddingVidIntrotext 5s ease 1s forwards;
	-ms-animation: WeddingVidIntrotext 5s ease 1s forwards;
	-o-animation: WeddingVidIntrotext 5s ease 1s forwards;
	animation: WeddingVidIntrotext 5s ease 1s forwards;
}
@-webkit-keyframes WeddingVidIntrotext {
     0% {
		 opacity: 0;
		 left:75vw;
	}
     50% {
		 opacity: 1;
		 left:47vw;
	}
    60% {
		 opacity: 1;
		 left:47vw;
	}
	100% {
		 opacity: 0;
		 left:300vw;
		
	}
}
@-moz-keyframes WeddingVidIntrotext {
     0% {
		 opacity: 0;
		 left:75vw;
	}
     50% {
		 opacity: 1;
		 left:47vw;
	}
     60% {
		 opacity: 1;
		 left:47vw;
	}
	100% {
		 opacity: 0;
		 left:300vw;
		
	}
}
@-ms-keyframes WeddingVidIntrotext {
     0% {
		 opacity: 0;
		 left:75vw;
	}
     50% {
		 opacity: 1;
		 left:47vw;
	}
     60% {
		 opacity: 1;
		 left:47vw;
	}
	100% {
		 opacity: 0;
		 left:300vw;
		
	}
}
@-o-keyframes WeddingVidIntrotext {
     0% {
		 opacity: 0;
		 left:75vw;
	}
     50% {
		 opacity: 1;
		 left:47vw;
	}
    60%  {
		 opacity: 1;
		 left:47vw;
	}
	100% {
		 opacity: 0;
		 left:300vw;
		
	}
}
@keyframes WeddingVidIntrotext {
     0% {
		 opacity: 0;
		 left:75vw;
	}
     50% {
		 opacity: 1;
		 left:47vw;
	}
    60%  {
		 opacity: 1;
		 left:47vw;
	}
	100% {
		 opacity: 0;
		 left:300vw;
		
	}
}

/*Intro Rose animation *//*
.SVGRose {
    position: absolute;
	z-index:4;
	top:12vw;
    width:17vw;
	height:26.22vw;
	opacity:0;
	overflow:hidden;
	background-image:url(Rose-only-optimised.jpg);
	background-size: 100% 100%;
    -webkit-animation: SVGRoseIntroanimation 5s ease 0s forwards;
	-moz-animation: SVGRoseIntroanimation 5s ease 0s forwards;
	-ms-animation: SVGRoseIntroanimation 5s ease 0s forwards;
	-o-animation: SVGRoseIntroanimation 5s ease 0s forwards;
	animation: SVGRoseIntroanimation 5s ease 0s forwards;
}

@-webkit-keyframes SVGRoseIntroanimation {
     0% {
		 opacity: 0;
		 left:-20vw;
	}
     50% {
		 opacity: 1;
		 left:20vw;
	}
    80% {
		 opacity: 1;
		 left:20vw;
	}
	100% {
		 opacity: 0;
		 left:-20vw;
		
	}
}
@-moz-keyframes SVGRoseIntroanimation {
     0% {
		 opacity: 0;
		 left:-20vw;
	}
     50% {
		 opacity: 1;
		 left:20vw;
	}
    80% {
		 opacity: 1;
		 left:20vw;
	}
	100% {
		 opacity: 0;
		 left:-20vw;
		
	}

}
@-ms-keyframes SVGRoseIntroanimation {
     0% {
		 opacity: 0;
		 left:-20vw;
	}
     50% {
		 opacity: 1;
		 left:20vw;
	}
    80% {
		 opacity: 1;
		 left:20vw;
	}
	100% {
		 opacity: 0;
		 left:-20vw;
		
	}

}
@-o-keyframes SVGRoseIntroanimation {
      0% {
		 opacity: 0;
		 left:-20vw;
	}
     50% {
		 opacity: 1;
		 left:20vw;
	}
    80% {
		 opacity: 1;
		 left:20vw;
	}
	100% {
		 opacity: 0;
		 left:-20vw;
		
	}

}
@keyframes SVGRoseIntroanimation {
     0% {
		 opacity: 0;
		 left:-20vw;
	}
     50% {
		 opacity: 1;
		 left:20vw;
	}
    80% {
		 opacity: 1;
		 left:20vw;
	}
	100% {
		 opacity: 0;
		 left:-20vw;
		
	}

}*/