@charset "UTF-8";
/* CSS Document */


body {
  background: #322A27;
}




/* body copy */
h1 {
  font-family: 'Carter One', cursive;
  color:#ffffff;
  font-size: 50px; 
  text-align: center;
  text-shadow: -5px 0 #000000, 0 5px #000000, 5px 0 #000000, 0 -5px #000000;
  }
h2 {
  font-family: 'Carter One', cursive;
  color:#ffffff;
  font-weight: 600;
  font-size: 25px; 
  text-align: left;  
}
h3 {
  font-family: 'Carter One', cursive;
  color:#ffffff;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}
p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-bottom:20px;
  color:#beb7ac;
}
ul {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  padding-bottom:20px;
  color:#beb7ac;
}
a, a:visited, a:hover, a:active {
  text-decoration:none;  
  color: #70c005;	
}
a :hover {
  color: #f16521;
  font-weight: 600;
  text-decoration:none;  
}
strong {
  color: #ffffff;
  text-align: center;
  text-transform:uppercase;	
}
.intro {
  color: #beb7ac;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 20px;
}
.price {
  color: #fff;
  font-family: 'Carter One', cursive;
  font-size: 50px;
}
.tag {
  color: #FFFFFF;
  font-family: 'Carter One', cursive;
  padding-bottom: 0;
  text-align: center;
}
.terms {
  background: none;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
}
.terms ul {
  background: none;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  list-style-type: circle;
  padding-bottom: 20px;
}
.terms ul li {
  padding-bottom: 20px;
  list-style: circle;
}
#navbar ul li {
  font-family: 'Carter One', cursive;
}







/* bands */


.hero-band {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#322a27+28,000000+29,000000+76,000000+76,322a27+77 */
background: #322a27; /* Old browsers */
background: -moz-linear-gradient(top,  #322a27 28%, #000000 28%, #000000 76%, #000000 76%, #322a27 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #322a27 28%, #000000 28%, #000000 76%, #000000 76%, #322a27 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #322a27 28%, #000000 28%, #000000 76%, #000000 76%, #322a27 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322a27', endColorstr='#322a27',GradientType=0 ); /* IE6-9 */
}


.white-band {
  background: #fff;
  margin-top: 75px;
  margin-bottom: 75px;
  padding-bottom: 0px;
  padding-top: 0px;
  opacity: 1.0;
}
.white-band h1 {
  color: #322A27;
  font-size: 40px;
}
.white-band h2 {
  color: #322A27;
  font-size: 25px
}
.white-band p {
  color: #322A27;
}



.dark-band {
  background: #221a17;
  margin-top: 2.5%;
  margin-bottom: 75px;
  padding-bottom: 2.5%;
  padding-top: 2.5%;
  opacity: 1.0;
}


.feature-band {
  background: #322a27; /* Old browsers */
  background: -moz-linear-gradient(top,  #322a27 10%, #221a17 10%, #221a17 85%, #221a17 85%, #322a27 85%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #322a27 10%, #221a17 10%, #221a17 85%, #221a17 85%, #322a27 85%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #322a27 10%, #221a17 10%, #221a17 85%, #221a17 85%, #322a27 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322a27', endColorstr='#322a27',GradientType=0 ); /* IE6-9 */	
  margin-top: 75px;
  margin-bottom: 75px;
  padding-bottom: 0px;
  padding-top: 0px;
  opacity: 1.0;
}
.feature-band h1 {
  color: #ffffff;
  font-size: 65px;
  text-align: left;  
}
.feature-band h2 {
  color: #ffffff;
  font-size: 25px
}
.feature-band p {
	text-align:left;
}
.feature-band img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.wallpaper-band {
  background: #b6452c;
  padding-bottom: 2px;
  padding-top: 2px;
}
.wallpaper-band h1 {
  font-family: 'Carter One', cursive;
  color: #ffffff;
  font-size: 25px;
  text-shadow: none;
}


.contact-band {

}
.contact-band a {
  color: #b6452c;
  font-size: 80px;
  text-align: center;
  display: block;
}
.contact-band a:hover {
  color: #902c1e;
}
.contact-band p {
  text-align: center;
  color: #beb7ac;
}
.contact-band ul {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  padding-bottom:20px;
  color:#beb7ac;
  background: none;
}
.contact-band li {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  padding-bottom:20px;
  list-style: circle;
  background: none;
	
}


/* buttons */
.button {
  background-color: transparent;	
  border: 3px solid;
  border-color:#70c005;
  color: #ffffff;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  font-family: 'Carter One', cursive;
  border-radius: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration:none; 
}
.button:hover {
  background-color: #70c005; 
  color: #ffffff; 
  border: 3px solid;
  border-color:#70c005;
}

.wallpaper-band-button {
  background-color:#b6452c;
  border: 3px solid;
  border-color:#ffffff;
  color: #ffffff;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  font-family: 'Carter One', cursive;
  border-radius: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.wallpaper-band-button:hover {
  background-color: #902c1e; 
  color: #671e0e; 
  border: 3px solid;
  border-color:#671e0e;
}






/* images */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.center-full {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.black-border {
  border: 2px solid;
  border-color: #000000;
  border-bottom: 5px solid;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}