/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@charset "utf-8";
/*-- Global
----------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: 62.5%;
}
body {
	width: 100%;
}
 @-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*-- Header Section
----------------------------------------------------------------------*/

header {
	position:relative;
}
header,
#carousel-webfrog .item {
	height:auto;
	overflow:hidden;
	background-color:#151515;
}
#carousel-mobile {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#carousel-mobile .item {
	background-position:center center;
	background-repeat:no-repeat;
	min-height:100vw;
}
.mobile-header {
	position:relative;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#151515;	
}
#mobile-logo {
	/*position:absolute;*/
}
#mobile-links {
	/*position:absolute;*/
	/*bottom:15px;*/
	z-index:10;
	padding-top:15px;
	padding-bottom:5px;
}
#mobile-links span {
	padding-left:10px;
	padding-right:10px;
}
#mobile-links a {
	background-color:#b13fa9;
	color:#fff;
	width:100%;
	border-radius:0;
	font-size:26px;
}

#carousel-mobile .item img,
#carousel-webfrog .item img {
	-webkit-filter: brightness(0.6);
	filter: brightness(0.6);
}

/*-- Content Section
----------------------------------------------------------------------*/

#content-error {
	padding: 10% 0;
}
#content-offline {
}

#content {
	padding-top:4%;
	padding-bottom:4%;
}

#left-box img {
	margin-bottom:15px;
	width:100%;
}

#focus {
	background:url(../img/bg-02.jpg) no-repeat center center;
	background-size:cover;
	padding-top:4%;
	padding-bottom:4%;
}
.btn-email {
	width:100%;
	border-radius:0;
	box-shadow:none;
	text-shadow:none;
	background-color:#b13fa9;
	color:#fff;
	padding:10px;
	font-size:25px;
	font-size:2.5rem;
	transition:all ease-in-out 0.3s;
}
.btn-email:hover {
	background-color:#313131;
	color:#fff;
}



.type-box {
	margin-top:15px;
	margin-bottom:15px;
}
.type-text {
	display:block;
	width:100%;
	padding:15px 2px;
	background-color:#b13fa9;
	font-size:20px;
	font-size:2.0rem;
	text-align:center;
	color:#fff;
	transition:all ease-in-out 0.3s;
}
.type-box a:hover > .type-text {
	background-color:#313131;
	color:#fff;
}

.congrats-box {
	margin-top:15px;
	margin-bottom:15px;
}

.ceremonywrap {
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
	float:left;
}
.ceremonywrap a {
	float:left;
	width:100%;
	transition:all ease-in-out 0.3s;
}
.ceremonywrap a:hover {
	background-color:#b13fa9;
}
.ceremonyimage {
	padding:0;
}

/*-- Footer Section
----------------------------------------------------------------------*/

footer {
	padding-top:2%;
	padding-bottom:2%;
	background-color:#161616;
}
	


/*-- media queries Section
----------------------------------------------------------------------*/


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
html {
	font-size: 52.5%;
}
header,
#carousel-webfrog .item,
#carousel-webfrog .item img {
	height:auto;
	overflow:hidden;
	min-height:450px;
}

header:after {
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/header-bg.png) no-repeat center center;
	background-size:97% 92%;	
	z-index:10000;
	pointer-events:none;
}
#site-logo {
	position:absolute;
	width:100%;
	z-index:10;
	top:-5%;
}
#site-logo img {
	transform:scale(0.7);
}
#left-box img {
	margin-right:50px;
	width:auto;
}
#left-box img {
	max-width:240px;
}
#focus-left {
	padding-left:45px;
	padding-right:45px;
}
#focus-right {
	padding-left:45px;
	padding-right:45px;
}
#focus-right img {
	width:175px;
}
.btn-email {
	padding:5px ;
}
.type-text {
	padding:15px 40px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
html {
	font-size: 52.5%;
}
#left-box img {
	max-width:240px;
}
#site-logo {
	position:absolute;
	width:100%;
	z-index:10;
	top:5%;
}
#site-logo img {
	transform:scale(0.7);
}
header:after {
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/header-bg.png) no-repeat center center;
	background-size:97% 90%;	
}

#focus-right img {
	width:auto;
}
.btn-email {
	width:100%;
	margin-left:0;
	padding:10px;
}
.type-text {
	padding:15px 2px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
html {
	font-size: 52.5%;
}
header,
#carousel-webfrog .item,
#carousel-webfrog .item img {
	height:100vh;
	overflow:hidden;
	min-height:730px;
}

header:after {
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/header-bg.png) no-repeat center center;
	background-size:97% 92%;	
}
#carousel-webfrog .item img {
	min-height:850px;
}
#site-logo {
	position:absolute;
	width:100%;
	z-index:10;
	top:20%;
}
#site-logo img {
	transform:scale(1);
}
#left-box img {
	max-width:240px;
}
.type-text {
	font-size:16px;
	font-size:1.6rem;
}
#focus-left {
	padding-left:15px;
	padding-right:15px;
}
#focus-right {
	padding-left:15px;
	padding-right:15px;
}
#focus-left {
	padding-top:30px;
}
#left-box {
	padding-right:6%;
}
#right-box {
	padding-left:4%;
}
#left-box:before {
	content:'';
	position:absolute;
	top:0;
	right:-3px;
	width:3px;
	height:100%;
	background-color:#ebebeb;
}
#right-box:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:3px;
	height:100%;
	background-color:#ebebeb;
}
.type-box {
	margin-top:15px;
	margin-bottom:15px;
	padding-left:5px;
	padding-right:5px;
}
.special-row {
	padding-left:10px;
	padding-right:10px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
html {
	font-size: 62.5%;
}
#left-box img {
	max-width:none;
}
.type-text {
	font-size:20px;
	font-size:2.0rem;
}

}