@font-face {
    font-family: "frenchpress";
    src: url("fonts/Frenchpress.woff") format('woff');
}

h1{
  font-family: frenchpress;
  font-size: 4.5rem;
  font-weight: bold;
}

h2{
  font-family: frenchpress;
  font-size: 2.5em;
}

h3{
  font-family: frenchpress;
  font-size: 3em;
  background-color: #FFFFCC;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 3px;
}

button.buy{
  font-family: frenchpress;
  font-size: 3rem;
  background-color: #FFFFCC;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 3px;
  box-shadow: grey;
}

.footer p{
  font-family: frenchpress;
  font-size: 1.7rem;
  /*background-color: #f4f953;*/
  padding-left: 10px;
  padding-right: 10px;
}

.imagetext p{
  font-family: frenchpress;
  font-size: 4em;
  font-weight: 600;
  /*background-color: #f4f953;*/
  padding-left: 10px;
  padding-right: 10px;
}

.cakephoto{
  border-radius: 1rem;
}

.main-text{
  font-family: frenchpress;
  font-size: 2.5rem;
  padding-left: 10px;
  padding-right: 10px;
}

.mapa p{
  font-family: frenchpress;
  font-size: 3rem;
  /*background-color: #f4f953;*/
  padding-left: 10px;
  padding-right: 10px;
}

.highlight{
  background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), #FFFFCC 85%, rgba(255, 255, 255, 0));
  }

p.phone-number{
  font-family: frenchpress;
  font-size: 4rem;
  font-weight: bold;
}

/** margin-top quando em mobile */
@media (max-width: 700px) {
  img{
    margin-top: 16px;
  }
}

.navbar-brand{
  height: 74px !important;
  margin-top: 5px;
}

/* override  bootstrap active link text color */
.navbar-default .navbar-nav > .active > a {
    color: #000000 !important;
}

button.navbar-toggle.collapsed{
  display: none !important;
}


.navbar{
  min-height: 33px !important;
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
}


/** lojas maps **/

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:200px;
    width:100%;
    position:absolute;
}

.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width : 600px)  { 

    #navbar{
      background-color: #fff;
    }

    #contact-form-div{
      margin-top: 14rem;
    }

    .imagetext{
      display: none;
    }

    #pastelaria-title-row{
      margin-top: 20rem !important;
    }

    #main-image {
      margin-top: 0;
    }
 }