@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Questrial&display=swap');

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: 'Old Standard TT', serif;
}
 
a:link {
  text-decoration: none;
  color: #526066;
}

a:hover {
	border-bottom: 1px dotted #da3b44;
}

a:visited {
	color: #526066;
}

a.icon:hover {
	border-bottom: none;
}

a.nav:hover {
	border-bottom: none;
}

body {
    color: #526066;
}

h2, h3 {
    letter-spacing: 0.25em;
    text-transform: uppercase;
    font-weight: 200;
	font-family: 'Questrial', sans-serif;
}

p {
    line-height: 1.6em;
}

h4, h5{
    letter-spacing: 0.25em;
	margin-bottom: 1em;
    text-transform: uppercase;
    font-weight: 200;
	font-family: 'Questrial', sans-serif;
}

h6{
    letter-spacing: 0.15em;
	margin-top: .5em;
	margin-bottom: 1.5em;
    text-transform: uppercase;
    font-weight: 200;
	font-family: 'Questrial', sans-serif;
}


.pure-g {
	display: flex;
	justify-content: center;
	text-align:center;
	padding: 2em 2em;
}

.pure-g hr {
	background: #526066;
	border: none;
	height: 1.6px;
	margin: 12px auto 8px;
	width: 60px; }

.pure-g hr.bottom {
	margin: 10px auto; }
  
.pure-g hr.top {
	margin: 10px auto; }

.ribbon {
	background-color: #fdf0e6;
}

.datetime {
	font-size: 1.6em;
}

.celebrate {
	font-size: 1.5em;
	font-style: italic;
	font-weight: 100;
	color: #da3b44;
}

.rsvp-fixed:hover {
	transform: scale(1.05);
}

.rsvp-fixed {
	width: 80px;
	height: 50px;
	background-color: #da3b44;
	
	font-size: 16px;
	color: white;
	text-align: center;
	line-height: 40px;
	
	position: absolute;
	right: 25px;
	top: 15px;
}

.rsvp-button:hover {
	transform: scale(1.05);
}

.rsvp-button {
	width: 80px;
	height: 50px;
	background-color: #da3b44;
	box-shadow: none;
	
	font-size: 16px;
	color: white;
	text-align: center;
	line-height: 40px;
	
}

.icon {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pure-menu {
    box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
}

.pure-menu-item {
	font-size: 1em;
}

.pure-menu-link {
    padding: .5em .7em;
}

.banner {
	background: transparent url('./images/header.jpg');
	background-position: 0 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	text-align: center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/header.jpg', sizingMethod='scale');

	height: 400px;
	width: 100%;
	display: table;
}

.banner-head {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 0;
	font-size: 2em;
	color: white;
	font-weight: 500;
	text-shadow: 0 1px 1px black;
	border: 1px solid white;
}

.banner-head img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.information-head {
    color: black;
    font-weight: 500;
}

.footer {
    background: #da3b44;
    color: white;
    text-align: center;
}
    .footer a {
        color: #ddd;
    }


/*
 * -- TABLET MEDIA QUERIES --
 */
@media(min-width: 768px) and (max-width: 1024) {
	.banner {
		background-position: right 5px; 
    }
	.banner-head {
        font-size: 4em;
	}
}

/*
 * -- PHONE MEDIA QUERIES --
 */

@media (min-width: 480px) and (max-width: 768px) {
    .banner {
		background-position: right 5px; 
    }
    .banner-head {
        font-size: 3em;
    }
	.banner-head-date {
		font-size: 1em;
	}
}

@media (min-width:320px) and (max-width:480px) {
    .banner {
		background-position: right 5px; 
    }
    .banner-head {
        font-size: 3em;
    }
	.banner-head-date {
		font-size: 1em;
	}
}