body { background-color: #fff; font-family: "Roboto", sans-serif; }

h1 { font-family: 'Acme', sans-serif; font-size: 48px; text-align: center; color: #C8142B; }

.navbar { min-height: 100px; }
.navbar-default {background-color: #fff;}
.navbar-nav > li { background-color: #C8142B; margin-top: 6%; margin-left: 10px; }
.navbar-default .navbar-nav > li > a { color: #fff }
.navbar-default .navbar-nav > li > a:hover { color: #fff; text-decoration: underline;}
.navbar-brand > img { width: auto; height: 70px; }

i { color: #C8142B;}
a { color: #fff; }
a:hover { color: #fff; text-decoration: underline;}

.navbar-default .navbar-nav > li > a:focus { color: #555; text-decoration: underline; background-color: #e7e7e7;}

.anchor {
    position: absolute;
    top: -100px;
}

.carousel { margin-top: 25px; }
#carousel-matriz { margin-top: 0px; }
#slider, #historia, #menu, #matriz, #filiais { position: relative; }

header#slider img, section#franqueado img { min-width: 100%; }

header#slider .carousel-inner .carousel-caption h1 { 
	font-family: 'Roboto Slab', serif; 
	color: #fff;
	font-size: 62px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

header#slider .carousel-inner .carousel-caption h2 { 
	font-family: 'Roboto Slab', serif;
	color: #fff; 
	font-size: 48px;
	color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    margin-top: -10px;
}

header#slider .carousel-inner .carousel-caption p { 
	font-family: 'Roboto Slab', serif; 
	color: #fff;
	font-size: 26px;
	color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    margin-top: -16px;
}

#historia { 
	background-color: #EAB60D;
	padding: 30px 0 30px 0;
	color: #1C1C1B;
}

#historia h1 {
	margin-bottom: 15px; 
	color: #1C1C1B;
}

#historia p, #matriz p {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	text-align: center;
}

section#menu { padding: 30px 0 30px 0; background-color: #f7f7f5;}

section#menu h3 {
font-family: 'Roboto Slab', serif;
font-size: 18px; 
font-weight: 500; 
text-transform: uppercase; 
margin-bottom: 5px;
}

section#menu p {
font-family: "Roboto", sans-serif;
border-bottom: 1px solid #C8142B;
padding-bottom: 10px;
}

.ico-pizza {
	background: url(../img/icons/pizza-icon.png) no-repeat;
	background-size: 60%;
	background-position: center;
}

.tipo {
	background-color: #f7f7f5;
	padding-bottom: 10px;
}

#matriz { 
	padding: 30px 0 30px 0;
}

#matriz h4, #filiais h4 {
	font-family: 'Acme', sans-serif;
	color: #C8142B;
	font-size: 21px;
}

.redes {
	margin-top: 20px;
}

.redes img {
	display: inline;
}

#mapa iframe {
	width: 100%;
	height: 250px;
}

#franqueado {
	margin-top: -31px;
}

#franqueado .carousel-caption {
	bottom: 28%;
	right: 10%;
	left: 10%;
}

section#franqueado .carousel-inner .carousel-caption h1 {
	font-family: 'Acme', serif; 
	color: #fff;
	font-size: 46px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    margin-bottom: 0px;
    margin-top: 0px; 
}


section#franqueado .carousel-inner .carousel-caption p {
	font-family: 'Acme', serif; 
	color: #fff;
	font-size: 28px;
	color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    margin-top: -6px;
}

#filiais {
	background-color: #f7f7f5;
	padding: 30px 0 30px 0;
}

.box-filiais {
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	min-height: 275px;
}

#matriz a, 
.box-filiais a {
	color: #333;
}

#matriz a:hover, 
.box-filiais a:hover {
	 text-decoration: underline;
}

footer {
	background-color: #252525;
	width: 100%;
	min-height: 40px;
}

footer p {
	color: #fff;
	margin-top: 13px;
	font-size: 12px;
}

.right {
	text-align: right;
}

address { 
padding-top: 20px;
padding-bottom: 20px; 
padding-left: 20px;
}

@media screen and (max-width: 1064px) and (min-width: 991px) {
	header#slider .carousel-inner .carousel-caption h1 { font-size: 58px; }
	header#slider .carousel-inner .carousel-caption h2 { font-size: 40px; }
	header#slider .carousel-inner .carousel-caption p { font-size: 24px; }
	header .carousel-caption { bottom: 25%; }

	#franqueado .carousel-caption { bottom: 10%; }
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 42px; }
	section#franqueado .carousel-inner .carousel-caption p { font-size: 22px; }
}

@media screen and (max-width: 992px) and (min-width: 766px) {
	header#slider .carousel-inner .carousel-caption h1 { font-size: 42px; }
	header#slider .carousel-inner .carousel-caption h2 { font-size: 38px; }
	header#slider .carousel-inner .carousel-caption p { font-size: 24px; }
	header .carousel-caption { bottom: 20%; left: 10%; right: 10%;}

	#franqueado .carousel-caption { bottom: 6%; }
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 38px; }
	section#franqueado .carousel-inner .carousel-caption p { font-size: 22px; }
}

@media screen and (max-width: 767px) and (min-width: 594px) {
	header#slider .carousel-inner .carousel-caption h1 { font-size: 36px; }
	header#slider .carousel-inner .carousel-caption h2 { font-size: 30px; margin-top: 10px; }
	header#slider .carousel-inner .carousel-caption p { font-size: 21px; }
	header .carousel-caption { bottom: 20%; left: 10%; right: 10%; }

	#franqueado .carousel-caption { bottom: 20%; right:5%; left:5%;}
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 26px; }
	section#franqueado .carousel-inner .carousel-caption p { font-size: 18px; margin-top: 4px; }
}

@media screen and (max-width: 595px) and (min-width: 486px) {
	header#slider .carousel-inner .carousel-caption h1 { font-size: 28px; }
	header#slider .carousel-inner .carousel-caption h2 { font-size: 24px; margin-top: -5px; }
	header#slider .carousel-inner .carousel-caption p { font-size: 18px; }
	header .carousel-caption { bottom: 18%; left: 10%; right: 10%; }

	#franqueado .carousel-caption { bottom: 19%; right: 5%; left: 5%;}
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 22px; }
	section#franqueado .carousel-inner .carousel-caption p { font-size: 18px; margin-top: 4px; }
}

@media screen and (max-width: 487px) and (min-width: 380px) {
	header#slider .carousel-inner .carousel-caption h1 { font-size: 21px; }
	header#slider .carousel-inner .carousel-caption h2 { font-size: 21px; margin-top: -5px; }
	header#slider .carousel-inner .carousel-caption p { display: none; }
	header .carousel-caption { bottom: 8%; left: 10%; right: 10%; }

	#franqueado .carousel-caption { bottom: 0%; top: -10%; right: 5%; left: 5%;}
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 17px; }
	section#franqueado .carousel-inner .carousel-caption p { font-size: 16px; margin-top: 20px; margin-bottom: 5px; }
}

@media screen and (max-width: 379px) and (min-width: 321px) {
	header#slider .carousel-inner .carousel-caption h1 { font-size: 16px; }
	header#slider .carousel-inner .carousel-caption h2 { font-size: 16px; margin-top: -5px; }
	header#slider .carousel-inner .carousel-caption p { display: none; }
	header .carousel-caption { bottom: 5%; left: 10%; right: 10%; }
}

@media screen and (max-width: 379px) and (min-width: 331px) {
	#franqueado .carousel-caption { bottom: 0%; top: 3%; right: 5%; left: 5%;}
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 14px; }
	section#franqueado .carousel-inner .carousel-caption p { font-size: 16px; margin-top: 0px; }
}

@media screen and (max-width: 330px) and (min-width: 301px) {
	#franqueado .carousel-caption { bottom: 0%; top: -30%; right: 5%; left: 5%; }
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 16px;}
	section#franqueado .carousel-inner .carousel-caption p { font-size: 14px; margin-top: 15px; margin-bottom: 5px; }
}

@media screen and (max-width: 300px) {
	#franqueado .carousel-caption { bottom: -12%; right: 5%; left: 5%; }
	section#franqueado .carousel-inner .carousel-caption h1 { font-size: 14px;}
	section#franqueado .carousel-inner .carousel-caption p { font-size: 12px; margin-top: -5px; margin-bottom: 2px; }
}

@media screen and (max-width: 320px) {
	header#slider .carousel-inner .carousel-caption h1 { font-size: 16px; }
	header#slider .carousel-inner .carousel-caption h2 { font-size: 16px; margin-top: -10px; }
	header#slider .carousel-inner .carousel-caption p { display: none; }
	header .carousel-caption { bottom: 0%; left: 10%; right: 10%; top: 25%; }
}

@media screen and (max-width: 767px) {
	.anchor {
    position: absolute;
    top: -75px;
	}

	.navbar { min-height: 75px; }
	.navbar-nav > li { margin-top: 0.5%; margin-left: 0; }
	.navbar-brand > img { height: 50px; }

	.navbar-default .navbar-nav > li > a:hover { color: #555; text-decoration: underline; background-color: #e7e7e7;}
	section#menu { padding-bottom: 20px; }
	h1 {font-size: 32px; line-height: 14px; }
	#historia, #menu, #matriz, #filiais { padding: 20px 0 20px 0; }
	#historia p, #matriz p { font-size: 14px; }
	section#menu h3 { font-size: 16px; }
	h3, h4 {font-size: 16px;}
	p {font-size: 14px;}
	address {padding-top: 5px; padding-bottom: 10px; margin-top: 10px; }
	footer .left { text-align: center; }
	footer .right { text-align: center; margin-top: -21px; }
}

@media screen and (max-width: 420px) {
	h1 { font-size: 21px; }
}

/*Carousel FADE */
.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;
}
/* Fin FADE */