/*Font Options not in use*/

/*font-family: 'Abel', sans-serif; */


/* ALL PAGES */

.container
{
  height: 100%;
}

.container h3
{
  font-family: 'Quicksand', sans-serif;
}

/* FOOTER */

footer
{
  background-color: #3d3d3d;
  font-family: 'Quicksand', sans-serif;
  color: #CCC;
}


footer h5
{
  font-size: 20px;
  color: #CCC;
}

.fa-instagram
{
  color: white;
}

.fa-instagram:hover
{
  color: #669900;
  text-decoration: none;
}

.fa-twitter
{
  color: white;
}

.fa-twitter:hover
{
  color: #669900;
  text-decoration: none;
}

.fa-youtube
{
  color: white;
}

.fa-youtube:hover
{
  color: #669900;
  text-decoration: none;
}

.fa-facebook
{
  color: white;
}

.fa-facebook:hover
{
  color: #669900;
  text-decoration: none;
}

footer a
{
  color: white;
}

footer a:hover
{
  color: #669900;
  text-decoration: none;
}
/*NAVIGATION*/

.navbar-brand
{
/*  font-family: 'Dosis', sans-serif; */
font-family: 'Quicksand', sans-serif;
}

#mynav
{
/*  font-family: 'Dosis', sans-serif; */
font-family: 'Quicksand', sans-serif;
}

.bar1, .bar2, .bar3
{
  width: 30px;
  height: 2px;
  background-color: black;
  margin: 7px 0;
  transition: 0.4s;
}

.animate .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 9px) ;
  transform: rotate(-45deg) translate(-6px, 4px) ;
}

.animate .bar2 {
  opacity: 0;
}

.animate .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}
/* END NAVIGATION */

/* home.html */
.jumbotron
{
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("http://static1.squarespace.com/static/54b80a43e4b060f2e9746ed7/54b836b2e4b0fee4b01afb93/5a4551aa419202cdcf3f34f5/1514493052392/succulent-wedding-favor-gifts-succulents-assorted_1_2000x.jpg?format=1500w");
    background-color: #17234E;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;

}

.jumbotron h5
{
    color: #fff;
    font-size: 40px;
    padding: 0;
    font-family: 'Dosis', sans-serif;
}

.jumbotron p
{
    font-family: 'Dosis', sans-serif;
    color: #fff;
    font-size: 20px;
    padding: 0;
}

.jumbotron a
{
  font-family: 'Dosis', sans-serif;
  background-color:#669900;
  border-color: #669900;
}

.jumbotron a:hover
{
  font-family: 'Dosis', sans-serif;
  background-color: #446600;
  border-color: #446600;
  color: white;
}

/* FIRST BUTTON CONCEPT
.jumbotron a
{
  font-family: 'Dosis', sans-serif;
}

.jumbotron a:hover
{
  font-family: 'Dosis', sans-serif;
  background-color:#669900;
  border-color: #669900;
  color: black;
}
*/

.jumbotron hr
{
  border-color: #EEEEEE;
  font-family: 'Dosis', sans-serif;
}

mark.green
{
    color:#669900;
    background: none;
}

.giftlink
{
  text-decoration: none;
  color: red;
}

.giftlink:hover
{
  text-decoration: none;
}


mark.size
{
    font-size: 15px;
    color: #3d3d3d;
    background: none;
}

mark.prices
{
    font-size: 15px;
    color: #3d3d3d;
    background: none;
    font-family: 'Dosis', sans-serif;
}

#subbutton a
{
  font-family: 'Dosis', sans-serif;
  background-color:#669900;
  border-color: #669900;
}

#subbutton a:hover
{
  font-family: 'Dosis', sans-serif;
  background-color: #446600;
  border-color: #446600;
}

#subbutton h5
{
  font-family: 'Dosis', sans-serif;
}

#subbutton p
{
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
}

mark.bold
{
  font-weight: bold;
  background: none;
}

.hellow
{
  background: linear-gradient(160deg, #cccccc 50%, white 50%);
  width: 600px;
}

/* END home.html */

/* howitworks.html */


.container h5
{
    font-size: 40px;
    padding: 0;
    font-family: 'Dosis', sans-serif;

}

.container legend
{
    padding: 0;
    font-family: 'Dosis', sans-serif;
    /* color: you can change the color of the questions here */
}

.container p
{
    padding: 0;
    font-family: 'Dosis', sans-serif;
}

.media
{
    margin: 0 auto;
    width: 80%;
}


.media img
{
  width:200px;
  height:185px;
}

.span4
{
    margin: 0 auto;
    width: 80%;
}

.span4 img
{
    margin-right: 10px;
}
.span4 .img-left
{
    float: left;
    width:200px;
    height:185px;
}

.span4 p
{
    font-family: 'Dosis', sans-serif;
}

#info
{
 text-align: center;
}

.row fieldset
{
    border: 1px #669900 outset;
/*  background-color:#CCC;
  padding:16px;
  /* border-width: 1px;
  border-style: solid;
  border-color: #669900; */
}
/* END howitworks.html */


/* contact.html */


#contact h2
{
  font-color: #446600;
}

.fa-map-marker
{
  color: #669900;
}

.fa-phone
{
  color: #669900;
}

.fa-envelope
{
  color: #669900;
}

#btncontact
{
  font-family: 'Dosis', sans-serif;
  background-color:#669900;
  border-color: #669900;
}

#btncontact:hover
{
  font-family: 'Dosis', sans-serif;
  background-color: #446600;
  border-color: #446600;
}

.container h2
{
  font-family: 'Quicksand', sans-serif;
}

.container p
{
  font-family: 'Dosis', sans-serif;
}


.contacticon img
{
/*  width: 500px; */
width: 40%;
text-align: center;
display: block;
margin: 0 auto;
}

/* END contact.html */