body {
   font-family: 'Quicksand', sans-serif;
   overflow-x:hidden;
}
h1 {
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 38px;
   line-height: 44px;
   font-weight: 700;
}
h2 {
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 32px;
   line-height: 36px;
   font-weight: 700;
}
h3 {
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 24px;
   line-height: 30px;
   font-weight: 700;
}
h4 {
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 18px;
   line-height: 24px;
   font-weight: 700;
}
h5 {
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
}
h6 {
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 12px;
   line-height: 18px;
   font-weight: 700;
}
p {
   margin-bottom: 5px;
}
a {
   color: white;
   text-decoration:none;
}
a:hover, a:focus {
   text-decoration:none;
   color:white;
}
.button {
   display: inline-block;
   padding: 4px 15px;
   background-color: black;
   color: white;
   text-align: center;
   text-decoration: none;
}
.brow-btn {
   background:url(/images/fo/botaobase-01.svg) no-repeat;
   background-position:center;
   font-size:16px;
   color:white;
   text-decoration:none;
   width:150px;
}
.brow-btn:hover {
   color:white;
   background:url(/images/fo/botaoyellow-01.svg) no-repeat;
   background-position:center;
}
.yellow-btn {
   background:url(/images/fo/botaoyellow-01.svg) no-repeat;
   background-position:center;
   font-size:16px;
   color:white;
   text-decoration:none;
   width:150px;
}
.yellow-btn:hover {
   color:white;
   background:url(/images/fo/botaobase-01.svg) no-repeat;
   background-position:center;
}
.bolos-btn, .bolos-btn:hover, .bolos-btn:visited, .bolos-btn:active, .bolos-btn:focus {
   background-color:transparent;
   color:#704E46;
   font-size:18px;
   font-weight:700;
   background:url(/images/fo/iconbolos-01.svg) no-repeat;
   background-position:top center;
   padding-top:50px;
   background-size:40px;
   text-decoration:none;
}
.sobremesas-btn, .sobremesas-btn:hover, .sobremesas-btn:visited, .sobremesas-btn:active, .sobremesas-btn:focus {
   display:block;
   background-color:transparent;
   color:#EDAA00;
   font-size:18px;
   font-weight:700;
   background:url(/images/fo/iconsobremesas-01.svg) no-repeat;
   background-position:top center;
   padding-top:50px;
   background-size:40px;
   text-decoration:none;
}
.miniaturas-btn, .miniaturas-btn:hover, .miniaturas-btn:visited, .miniaturas-btn:active, .miniaturas-btn:focus {
   display:block;
   background-color:transparent;
   color:#A03123;
   font-size:18px;
   font-weight:700;
   background:url(/images/fo/iconminiaturas-01.svg) no-repeat;
   background-position:top center;
   padding-top:50px;
   background-size:40px;
   text-decoration:none;
}
header.main {
   height:450px;
}
header.alternative {
   height:300px;
}
.intro-image {
   background:url(/images/fo/chef.jpg) no-repeat;
   background-size:1200px;
   background-position:top center;
   height:660px;
   width:100%;	
   position:absolute;
   margin-top:-210px;
   z-index:-100;
}
.top-container {
   padding:50px;
}
.center-align {
   text-align:center;
}
.right-align {
   text-align:right;
}
.logo-company {
   max-width:300px;
   margin-top:55px;
}
.encomendas-label {
   display:block;
   width:150px;
   color:#A03123;
   font-size:16px;
   font-weight:700;
   text-align:center;
   margin-top:30px;
}
.encomendas-btn {
   display:block;
   width:150px;
   height:50px;
   background:url(/images/fo/encomendaslingua-01.svg) no-repeat;
   background-position:top center;
   text-align:center;
   color:white;
   font-size:9px;
   padding-top:7px;
}
.encomendas-btn:hover { 
   color:white;
}
.container.background {
   background:url(/images/fo/chef.png) no-repeat;
   background-size:1200px;
   background-position:top center;
   margin-top:-60px;
   padding-top:200px;	
}
.container.no-background {
   margin-top:-60px;
   padding-top:60px;	
}
nav {
   width:90%;
   height:200px;
   margin:auto;
   background-color:white;
}
.bolos-submenu, .sobremesas-submenu, .miniaturas-submenu {
   display:none;
}
ul.bolos-submenu, ul.sobremesas-submenu, ul.miniaturas-submenu {
   margin:0;
   padding:0;
   list-style:none;
   font-size:16px;
}
ul.bolos-submenu > li > a {
   color:#704E46;
}
ul.sobremesas-submenu > li > a {
   color:#EDAA00;
}
ul.miniaturas-submenu > li > a {
   color:#A03123;
}
.menu-decoration {
   width:100px;	
   margin:auto;
   margin-top:5px;
}
.site-contents {
   max-width:1266px;
   padding:50px;
}
h1.default {
   margin-top: 0px;
   margin-bottom: 50px;
   font-size: 30px;
   line-height: 44px;
   font-weight: 700;
   border-bottom: 1px solid #704E46;
   padding-bottom:10px;
   color:#704E46;
}
h1.bolos {
   margin-top: 0px;
   margin-bottom: 50px;
   font-size: 30px;
   line-height: 44px;
   font-weight: 700;
   border-bottom: 1px solid #704E46;
   padding-bottom:10px;
   color:#704E46;
}
h1.sobremesas {
   margin-top: 0px;
   margin-bottom: 50px;
   font-size: 30px;
   line-height: 44px;
   font-weight: 700;
   border-bottom: 1px solid #EDAA00;
   padding-bottom:10px;
   color:#EDAA00;
}
h1.miniaturas {
   margin-top: 0px;
   margin-bottom: 50px;
   font-size: 30px;
   line-height: 44px;
   font-weight: 700;
   border-bottom: 1px solid #A03123;
   padding-bottom:10px;
   color:#A03123;
}
.company-title {
   width:85%;
}
.company-img {
   display:block;
   width:90%;
   padding:60px 0px 0px;
   margin:auto;
}
.company p {
   font-size:16px;
   line-height:22px;
   padding:60px;
}
.carousel-fade .carousel-inner .item {
   -webkit-transition-property: opacity;
   transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
   opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
   z-index: 2;
}
.carousel-indicators {
   position: absolute;
   top: 25px;
}
.carousel-inner img {
   width:100%;
}
.carousel-caption {
   right: 0;
   bottom: 130px;
   left: auto;
   padding: 30px 50px ;
   background-color:rgba(255,255,255,0.80);
   text-shadow:none;
}
.carousel-caption > h3 {
   font-size:24px;
   font-weight:700;
   margin:10px;
}
.carousel-caption.bolos > h3 {
   color:#704E46;
}
.carousel-caption.sobremesas > h3 {
   color:#EDAA00;
}
.carousel-caption.miniaturas > h3 {
   color:#A03123;
}
.carousel-caption.bolos > p {
   color:#704E46;
}
.carousel-caption.sobremesas > p {
   color:#EDAA00;
}
.carousel-caption.miniaturas > p {
   color:#A03123;
}
.contacts h4 {
   margin-top: 0px;
   margin-bottom: 30px;
   font-size: 18px;
   line-height: 24px;
   font-weight: 700;
   color:#704E46;
}
.contacts h4 span {
   color:#EDAA00;
}
.contacts p {
   font-family: 'PT Sans', sans-serif;
   color:#704E46;
   font-size:13px;
   line-height:18px;
   padding:15px 25px;
}
.contacts a,.contacts a:hover,.contacts a:focus,.contacts a:active {
   color:#EDAA00;
   text-decoration:none;
}
.contacts-label {
   display:block;
   text-align:center;
   background:url(/images/fo/botaobase-01.svg) no-repeat;
   background-position:center;
   font-size:12px;
   line-height:30px;
   color:white;
   text-decoration:none;
   width:180px;
   height:30px;
}
.control-label {
   color:#704E46;
   font-size:12px;
}
.form-control {
   border:none;
   background-color:#f5f1ec;
}
.google-map {
   width:100%;
   height:365px;
}
footer.yellow {
   background:url(/images/fo/footeryellow-01.svg) no-repeat;
   background-position:top center;
   background-size:cover;
   height:150px;
   padding-top:100px;
   font-size:12px;
   color:white;
   background-color:white;
}
footer.yellow a, a:hover {
   color:white;
   text-decoration:none;
   background-color:transparent;
}
footer.white {
   position:relative;
   margin-top:-110px;
   width:100%;
   background:url(/images/fo/footerwhite-01.svg) no-repeat;
   background-position:top center;
   background-size:cover;
   height:150px;
   padding-top:100px;
   font-size:12px;
   color:#704E46;
}
footer.white a, a:hover {
   color:#704E46;
   text-decoration:none;
   background-color:white;
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 

   .site-contents {
      max-width:1266px;
      padding:35px;
   }
   .company p {
      padding:40px;
   }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {   
   header.main {
      height:530px;
   }
   .intro-image {
      height:800px;
      background-size:1450px;
      margin-top:-270px;
   }
   header.alternative {
      height:260px;
   }
   .site-contents {
      padding:20px;
   }
   .carousel-caption {
      right: 0;
      bottom: 230px;
      padding: 10px 25px ;
   }
   .carousel-caption > h3 {
      font-size:16px;
      line-height:16px;
   }
   .company p {
      padding:20px 0px;
   }
   .google-map {
      margin-top:50px;
   }

}

/* Small devices (iphone5 and 6, 568px and up) */
@media (max-width: 568px) {   

   .top-container {
      padding:20px;
   }
   .logo-company {
      display:block;
      max-width:200px;
      margin:auto;
      margin-top:150px;
   }
   header.main {
      height:418px;
   }
   header.alternative {
      height:250px;
   }
   .intro-image {
      height:600px;
      background-size:1080px;
      margin-top:-130px;
   }
   .container.background {
      background-size:1080px;
      padding-top:100px;	
   }
   .container.no-background {
      padding-top:60px;	
   }
   footer.yellow {
      font-size:9px;
      background-color: transparent;
   }
   footer.white {
      font-size:9px;
   }

}

/* Small devices (iphone4, 480px and up) */
@media (max-width: 480px) { 

   header.alternative {
      height:160px;
   }
   .logo-company {
      margin-top:50px;
   }
   .contacts {
      text-align:center;
   }
   .contacts-label {
      margin:auto;
   }
   footer.white {
      margin-top:-40px;
   }
   .carousel-indicators {
      display:none;
   }

}