@charset "utf-8";

.header{
    background-color: navy;
    background-size: cover;
    color: white;
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
a {
    text-decoration: none;
    color: white;
}

.logo5{
    text-align: center;
}
h1{
    text-align: center;
    color: navy;
    font-family: Garamond, serif;
    font-size: 70px;
    margin-top: -10px;
}
h3{
    text-align:center;
    color:black;
    font-family:Garamond, serif;
    font-size:30px;
    margin-top:-10px;
}

.content{
    text-align: center;
    color: black;
    font-family: Garamond, serif;
    font-size: 20px;
}
.newspaper{
    column-count: 2;
    column-gap: 3%;
    width: 95%;
    font-family: Garamond, serif;
	font-size: 18px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
}
.column1 {
	column-width: 30%;
}
.column2{
	column-width:35%
}
        
.pic5{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
}
.essential{
	text-align: left;
	margin-left: -10%;
}
ul.essential{
	list-style-position: outside;
	margin-left: -10%;
	font-size: 16px;
}
.quaint{
	text-align: left;
	margin-left: -10%;
}
ul.quaint{
	list-style-position: outside;
	margin-left: -10%;
    font-size: 16px;
}
.charming{
    text-align: left;
    color: black;
    margin-left: 7%;
}
ul.charming{
    list-style-position: outside;
    font-size: 16px;
    margin-left: 7%;
}
.pic6{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:left;
    padding-left:10%; 
    padding-right:2%;
}
.debonair{
    text-align: left;
    color: black;
    margin-left: -10%;
}
ul.debonair{
    list-style-position: outside;
    color: black;
    font-size: 16px;
    margin-left: -10%;
}
.pic7{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
    margin-left:-12%;
}
.pic8{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:center;
    padding-left:2%; 
    padding-right:2%;
}
table{
    width: 90%;
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}
.wood{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.audio{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.signing{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.celebrant{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 90%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic11{
    max-width:280px;
    max-height:350px;
}
.master{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 90%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic9{
    max-width:330px;
    max-height:350px;
}
.red{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.redcarpet{
    max-width:300px;
    max-height:350px;
}
.cake{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic12{
    max-width:300px;
    max-height:341px;
}
.bar{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.stool{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic13{
    max-width:300px;
    max-height:341px;
}
.americana{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
    width: 95%;
    color: black;
    background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic14{
    max-width:300px;
    max-height:341px;
}
.round{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic15{
    max-width:200px;
    max-height:161px;
}
img.pic16{
    max-width:200px;
    max-height:161px;
}
.lighting{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic17{
    max-width:300px;
    max-height:241px;
}
.coffee{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.tea{
    max-width:300px;
    max-height:280px;
}
.fire{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic18{
    max-width:300px;
    max-height:241px;
}
.lolly{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.love{
	text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic19{
    max-width:300px;
    max-height:341px;
}
.rustic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.signs{
    max-width:300px;
    max-height:241px;
}
.classic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic20{
    max-width:300px;
    max-height:241px;
}
.wells{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.wishingwells{
    max-width:150px;
    max-height:300px;
}
       
.gold-container{
	width:99%;
    height:7%;
	background-color: #b49f29;
	text-align: center;
	color: black;
	font-family: Garamond, serif;
	font-size: 18px;
}
button{
	background-color: #b49f29;
	border: 2px solid white;
	text-align: center;
	color:black;
	font-family: Garamond, serif;
	font-size: 18px;
	cursor: pointer;
}
.footer{
	left: 8px;
	bottom: 0;
	background-color: navy;
	color: white;
	font-size: 20px;
	padding: 5px;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.header{
    background-color: navy;
    background-size: cover;
    color: white;
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
a {
    text-decoration: none;
    color: white;
}

.logo5{
    text-align: center;
}
h1{
    text-align: center;
    color: navy;
    font-family: Garamond, serif;
    font-size: 70px;
    margin-top: -10px;
}
h3{
    text-align:center;
    color:black;
    font-family:Garamond, serif;
    font-size:30px;
    margin-top:-10px;
}

.content{
    text-align: center;
    color: black;
    font-family: Garamond, serif;
    font-size: 20px;
}
.newspaper{
    column-count: 2;
    column-gap: 3%;
    width: 95%;
    font-family: Garamond, serif;
	font-size: 18px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
}
.column1 {
	column-width: 30%;
}
.column2{
	column-width:35%
}
        
.pic5{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
}
.essential{
	text-align: left;
	margin-left: -10%;
}
ul.essential{
	list-style-position: outside;
	margin-left: -10%;
	font-size: 16px;
}
.quaint{
	text-align: left;
	margin-left: -10%;
}
ul.quaint{
	list-style-position: outside;
	margin-left: -10%;
    font-size: 16px;
}
.charming{
    text-align: left;
    color: black;
    margin-left: 7%;
}
ul.charming{
    list-style-position: outside;
    font-size: 16px;
    margin-left: 7%;
}
.pic6{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:left;
    padding-left:10%; 
    padding-right:2%;
}
.debonair{
    text-align: left;
    color: black;
    margin-left: -10%;
}
ul.debonair{
    list-style-position: outside;
    color: black;
    font-size: 16px;
    margin-left: -10%;
}
.pic7{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
    margin-left:-12%;
}
.pic8{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:center;
    padding-left:2%; 
    padding-right:2%;
}
table{
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}
td{
	width: 15%;
}
.wood{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 80%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.audio{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 80%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.signing{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 80%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.celebrant{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 80%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic11{
    max-width:260px;
    max-height:350px;
}
.master{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 90%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic9{
    max-width:330px;
    max-height:350px;
}
.red{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.redcarpet{
    max-width:300px;
    max-height:350px;
}
.cake{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic12{
    max-width:300px;
    max-height:341px;
}
.bar{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.stool{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic13{
    max-width:300px;
    max-height:341px;
}
.americana{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
    width: 95%;
    color: black;
    background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic14{
    max-width:300px;
    max-height:341px;
}
.round{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic15{
    max-width:200px;
    max-height:161px;
}
img.pic16{
    max-width:200px;
    max-height:161px;
}
.lighting{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic17{
    max-width:300px;
    max-height:241px;
}
.coffee{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.tea{
    max-width:300px;
    max-height:280px;
}
.fire{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic18{
    max-width:300px;
    max-height:241px;
}
.lolly{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.love{
	text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic19{
    max-width:300px;
    max-height:341px;
}
.rustic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.signs{
    max-width:300px;
    max-height:241px;
}
.classic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic20{
    max-width:300px;
    max-height:241px;
}
.wells{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.wishingwells{
    max-width:150px;
    max-height:300px;
}
       
.gold-container{
	width:99%;
    height:7%;
	background-color: #b49f29;
	text-align: center;
	color: black;
	font-family: Garamond, serif;
	font-size: 18px;
}
button{
	background-color: #b49f29;
	border: 2px solid white;
	text-align: center;
	color:black;
	font-family: Garamond, serif;
	font-size: 18px;
	cursor: pointer;
}
.footer{
	left: 8px;
	bottom: 0;
	background-color: navy;
	color: white;
	font-size: 20px;
	padding: 5px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.header{
	background-color: navy;
	background-size: cover;
	width: 99%;
	color: white;
	font-size: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}
a {
	text-decoration: none;
	color: white;
}
.logo5{
	text-align: center;
}
img.responsive {
	max-width:20%;
	height: auto;
}
h1{
	text-align: center;
	color: navy;
	font-family: Garamond, serif;
	font-size: 40px;
	margin-top: -5px
}
h3{
    text-align:center;
    color:black;
    font-family:Garamond, serif;
    font-size:20px;
    margin-top:-10px;
}
.content{
	text-align: center;
	color: black;
	padding-left: 100px;
	padding-right: 100px;
	font-family: Garamond, serif;
	font-size: 15px;
}

.newspaper{
    column-count: 2;
    column-gap: 3%;
    width: 95%;
    font-family: Garamond, serif;
	font-size: 15px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
}
.column1 {
	column-width: 30%;
}
.column2{
	column-width:35%
}
        
.pic5{
    max-height:350px;
    max-width:370px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
}
.essential{
	text-align: left;
	margin-left: -10%;
}
ul.essential{
	list-style-position: outside;
	margin-left: -10%;
	font-size: 15px;
}
.quaint{
	text-align: left;
	margin-left: -10%;
}
ul.quaint{
	list-style-position: outside;
	margin-left: -10%;
    font-size: 15px;
}
.charming{
    text-align: left;
    color: black;
    margin-left: 7%;
}
ul.charming{
    list-style-position: outside;
    font-size: 15px;
    margin-left: 7%;
}
.pic6{
    max-height:400px;
    max-width:400px;
    height:auto;
    width:auto;
    position:left;
    padding-left:10%; 
    padding-right:2%;
}
.debonair{
    text-align: left;
    color: black;
    margin-left: -10%;
}
ul.debonair{
    list-style-position: outside;
    color: black;
    font-size: 16px;
    margin-left: -10%;
}
.pic7{
    max-height:441px;
    max-width:370px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
    margin-left:-12%;
}
.pic8{
    max-height:321px;
    max-width:400px;
    height:auto;
    width:auto;
    position:center;
    padding-left:2%; 
    padding-right:2%;
}
table{
    width: 90%;
	text-align: center;
	margin-left: 8%;
	margin-right: 5%;
}

.wood{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
.audio{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
.signing{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
.celebrant{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic11{
    max-width:130px;
    max-height:300px;
}
.master{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic9{
    max-width:130px;
    max-height:300px;
}
.red{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.redcarpet{
    max-width:130px;
    max-height:300px;
}
.cake{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic12{
    max-width:130px;
    max-height:300px;
}
.bar{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
.stool{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic13{
    max-width:130px;
    max-height:241px;
}
.americana{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
    width: 70%;
    color: black;
    background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic14{
    max-width:130px;
    max-height:300px;
}
.round{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic15{
    max-width:130px;
    max-height:70px;
}
img.pic16{
    max-width:130px;
    max-height:70px;
}
.lighting{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic17{
    max-width:130px;
    max-height:241px;
}
.coffee{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.tea{
    max-width:130px;
    max-height:280px;
}
.fire{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic18{
    max-width:130px;
    max-height:241px;
}
.lolly{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
.love{
	text-align: center;
    font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic19{
    max-width:130px;
    max-height:341px;
}
.rustic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.signs{
    max-width:130px;
    max-height:241px;
}
.classic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.pic20{
    max-width:130px;
    max-height:241px;
}
.wells{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 15px;
	width: 70%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 5px;
}
img.wishingwells{
    max-width:130px;
    max-height:300px;
}
       
.gold-container{
	width:99%;
    height:7%;
	background-color: #b49f29;
	text-align: center;
	color: black;
	font-family: Garamond, serif;
	font-size: 18px;
}
button{
	background-color: #b49f29;
	border: 2px solid white;
	text-align: center;
	color:black;
	font-family: Garamond, serif;
	font-size: 18px;
	cursor: pointer;
}
.footer{
	left: 8px;
	bottom: 0;
	background-color: navy;
	color: white;
	font-size: 20px;
	padding: 5px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.header{
    background-color: navy;
    background-size: cover;
    color: white;
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
a {
    text-decoration: none;
    color: white;
}

.logo5{
    text-align: center;
}
h1{
    text-align: center;
    color: navy;
    font-family: Garamond, serif;
    font-size: 70px;
    margin-top: -10px;
}
h3{
    text-align:center;
    color:black;
    font-family:Garamond, serif;
    font-size:30px;
    margin-top:-10px;
}

.content{
    text-align: center;
    color: black;
    font-family: Garamond, serif;
    font-size: 20px;
}
.newspaper{
    column-count: 2;
    column-gap: 3%;
    width: 95%;
    font-family: Garamond, serif;
	font-size: 18px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
}
.column1 {
	column-width: 30%;
}
.column2{
	column-width:35%
}
        
.pic5{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
}
.essential{
	text-align: left;
	margin-left: -10%;
}
ul.essential{
	list-style-position: outside;
	margin-left: -10%;
	font-size: 16px;
}
.quaint{
	text-align: left;
	margin-left: -10%;
}
ul.quaint{
	list-style-position: outside;
	margin-left: -10%;
    font-size: 16px;
}
.charming{
    text-align: left;
    color: black;
    margin-left: 7%;
}
ul.charming{
    list-style-position: outside;
    font-size: 16px;
    margin-left: 7%;
}
.pic6{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:left;
    padding-left:10%; 
    padding-right:2%;
}
.debonair{
    text-align: left;
    color: black;
    margin-left: -10%;
}
ul.debonair{
    list-style-position: outside;
    color: black;
    font-size: 16px;
    margin-left: -10%;
}
.pic7{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
    margin-left:-12%;
}
.pic8{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:center;
    padding-left:2%; 
    padding-right:2%;
}
table{
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}
td{
	width: 15%;
}
.wood{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.audio{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.signing{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.celebrant{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 90%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic11{
    max-width:280px;
    max-height:350px;
}
.master{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 90%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic9{
    max-width:330px;
    max-height:350px;
}
.red{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.redcarpet{
    max-width:300px;
    max-height:350px;
}
.cake{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic12{
    max-width:300px;
    max-height:341px;
}
.bar{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.stool{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic13{
    max-width:300px;
    max-height:341px;
}
.americana{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
    width: 95%;
    color: black;
    background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic14{
    max-width:300px;
    max-height:341px;
}
.round{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic15{
    max-width:200px;
    max-height:161px;
}
img.pic16{
    max-width:200px;
    max-height:161px;
}
.lighting{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic17{
    max-width:300px;
    max-height:241px;
}
.coffee{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.tea{
    max-width:300px;
    max-height:280px;
}
.fire{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic18{
    max-width:300px;
    max-height:241px;
}
.lolly{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.love{
	text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic19{
    max-width:300px;
    max-height:341px;
}
.rustic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.signs{
    max-width:300px;
    max-height:241px;
}
.classic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic20{
    max-width:300px;
    max-height:241px;
}
.wells{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.wishingwells{
    max-width:150px;
    max-height:300px;
}
       
.gold-container{
	width:99%;
    height:7%;
	background-color: #b49f29;
	text-align: center;
	color: black;
	font-family: Garamond, serif;
	font-size: 18px;
}
button{
	background-color: #b49f29;
	border: 2px solid white;
	text-align: center;
	color:black;
	font-family: Garamond, serif;
	font-size: 18px;
	cursor: pointer;
}
.footer{
	left: 8px;
	bottom: 0;
	background-color: navy;
	color: white;
	font-size: 20px;
	padding: 5px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.header{
    background-color: navy;
    background-size: cover;
    color: white;
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
a {
    text-decoration: none;
    color: white;
}

.logo5{
    text-align: center;
}
h1{
    text-align: center;
    color: navy;
    font-family: Garamond, serif;
    font-size: 70px;
    margin-top: -10px;
}
h3{
    text-align:center;
    color:black;
    font-family:Garamond, serif;
    font-size:30px;
    margin-top:-10px;
}

.content{
    text-align: center;
    color: black;
    font-family: Garamond, serif;
    font-size: 20px;
}
.newspaper{
    column-count: 2;
    column-gap: 3%;
    width: 95%;
    font-family: Garamond, serif;
	font-size: 18px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
}
.column1 {
	column-width: 30%;
}
.column2{
	column-width:35%
}
        
.pic5{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
}
.essential{
	text-align: left;
	margin-left: -10%;
}
ul.essential{
	list-style-position: outside;
	margin-left: -10%;
	font-size: 16px;
}
.quaint{
	text-align: left;
	margin-left: -10%;
}
ul.quaint{
	list-style-position: outside;
	margin-left: -10%;
    font-size: 16px;
}
.charming{
    text-align: left;
    color: black;
    margin-left: 7%;
}
ul.charming{
    list-style-position: outside;
    font-size: 16px;
    margin-left: 7%;
}
.pic6{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:left;
    padding-left:10%; 
    padding-right:2%;
}
.debonair{
    text-align: left;
    color: black;
    margin-left: -10%;
}
ul.debonair{
    list-style-position: outside;
    color: black;
    font-size: 16px;
    margin-left: -10%;
}
.pic7{
    max-height:441px;
    max-width:550px;
    height:auto;
    width:auto;
    position:left;
    padding-left:2%; 
    padding-right:2%;
    margin-left:-12%;
}
.pic8{
    max-height:441px;
    max-width:600px;
    height:auto;
    width:auto;
    position:center;
    padding-left:2%; 
    padding-right:2%;
}
table{
    width: 90%;
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}
.wood{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.audio{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.signing{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.celebrant{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 90%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic11{
    max-width:280px;
    max-height:350px;
}
.master{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 90%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic9{
    max-width:330px;
    max-height:350px;
}
.red{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.redcarpet{
    max-width:300px;
    max-height:350px;
}
.cake{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic12{
    max-width:300px;
    max-height:341px;
}
.bar{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.stool{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic13{
    max-width:300px;
    max-height:341px;
}
.americana{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
    width: 95%;
    color: black;
    background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic14{
    max-width:300px;
    max-height:341px;
}
.round{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic15{
    max-width:200px;
    max-height:161px;
}
img.pic16{
    max-width:200px;
    max-height:161px;
}
.lighting{
    text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic17{
    max-width:300px;
    max-height:241px;
}
.coffee{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.tea{
    max-width:300px;
    max-height:280px;
}
.fire{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic18{
    max-width:300px;
    max-height:241px;
}
.lolly{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
.love{
	text-align: center;
    font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic19{
    max-width:300px;
    max-height:341px;
}
.rustic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.signs{
    max-width:300px;
    max-height:241px;
}
.classic{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.pic20{
    max-width:300px;
    max-height:241px;
}
.wells{
	text-align: center;
	font-family:Garamond, serif;
    font-size: 20px;
	width: 95%;
	color: black;
	background-color: white;
	border: 5px solid black;
	padding: 10px;
}
img.wishingwells{
    max-width:150px;
    max-height:300px;
}
       
.gold-container{
	width:99%;
    height:7%;
	background-color: #b49f29;
	text-align: center;
	color: black;
	font-family: Garamond, serif;
	font-size: 18px;
}
button{
	background-color: #b49f29;
	border: 2px solid white;
	text-align: center;
	color:black;
	font-family: Garamond, serif;
	font-size: 18px;
	cursor: pointer;
}
.footer{
	left: 8px;
	bottom: 0;
	background-color: navy;
	color: white;
	font-size: 20px;
	padding: 5px;
}
}