html, body {
    height: 100%;
    margin: 0;
}

section{
	width:100%;

}

header{
	background: rgb(220,38,25);
    background: linear-gradient(355deg, rgb(228 3 14) 44%, rgba(255,255,255,1) 72%);
}

header .row{
	height:100px;
}

header img.logo{
	box-shadow: 0px 0px 1px #000;
}

/*Colors*/
.bg-vermelho{
	background: #dc2619;
}
.bg-preto{
	background:#161616;
}
.bg-white{
	background:#fff;
}

.c-vermelho{
	color: #dc2619;
}
.c-preto{
	color:#161616;
}
.c-white{
	color:#fff;
	text-shadow: 1px 2px 3px black;
}

.pb-20{
	padding: 20px;
}

h1{
    font-size: 74px;
    font-weight: bold;
    line-height: 1;
    font-family: 'Irish Grover', cursive;
    color: red;
    background: -webkit-linear-gradient(271deg, #ffffff 0%, #ff0000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #e1141400;
    text-transform: uppercase;
    letter-spacing: 5.5px;
}

h2{
	font-size: 35px;
    font-weight: bold;
    line-height: 1;
    font-family: 'Henry Penny', cursive;
    text-transform: uppercase;
    padding: 20px;
}

h3{
    font-size: 28px;
    line-height: 1;
    font-family: 'Henry Penny', cursive;
    color: #fff;
    text-transform: uppercase;
}

h4{
    font-size: 28px;
    line-height: 1;
    font-family: 'Indie Flower', cursive;
}

h5{
    font-size: 22px;
    line-height: 1;
    font-family: 'Henry Penny', cursive;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px black;
}

h6.whats{
    font-size: 24px;
    line-height: 1;
    font-family: 'Arial', sans-serif;
    color: #333;
    text-transform: uppercase;
}

.f-enviar{
    font-size: 20px;
    line-height: 1;
	font-family: 'Henry Penny', cursive;
    color: #fff;
    padding:10px;
}

/*Menu*/
ul.menu li a{
	font-family: 'Indie Flower', cursive;
    font-size: 26px;
    color: white;
    padding: 0 20px;
    letter-spacing: 1px;
}

ul.menu li:hover a{
	text-decoration: underline;
}

/*Slide*/
.slide{
	height:600px;
	display: flex;
	background:url("/images/slide.jpg");
	background-position: center top;
}

/*Forns*/
.fornecedores{
	margin-top: -90px;
	margin-bottom: 70px;
}

.fornecedores .img-forn{
	width:180px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.forn-scale{
	border-radius: 40px;
}
.fornecedores .img-forn:hover,.forn-scale:hover{
	transform: scale(1.2, 1.2);
	cursor:pointer;
	box-shadow: 0px 0px 2px black;
}

.parallax {
  min-height: 170px;
  background-image: url("/images/parallax.jpg");
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 7px 0px 4px black;
}

/*Contato*/
input{
	width:100%;
}
label,input[type="submit"]{
	margin-top: 20px;
}
input[type="textarea"]{
	height: 200px;
}
textarea{
	width:100%;
}
.input-group-text{
	text-align:left!important;
}

/* Rodapé */
.rodape {
	height: 50px;
	background: #000;
	color: #fff;
	text-align: center;
	align-items: center;
	display: flex;
	padding-top:10px;
}
.rodape {
	line-height:0;
}

/*Pagina Fornecedores*/
.page-forn .img-forn{
	width:250px;
	border-radius: 40px;
}

.fundo-forn{
	height:800px;
	display: flex;
}
.fundo-forn-geral{
	height:450px;
	display: flex;
	min-height: 170px;
	background-image: url("/images/parallax2.jpg");
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset 7px 0px 4px black;
}

.fundo-forn-picapau{
	height:700px;
	display: flex;
	min-height: 170px;
	background-position: center;
	background-image: url("/images/fundo_picapau.jpg");
}

.fundo-forn a,.fundo-forn-geral a{
	text-decoration: none;
}

.card-itens{
	height:170px;
	display: inline-grid;
	background: #000;
	color:white;
	border-radius:15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 1px 2px black;
}
.card-itens:hover{
	transform: scale(1.1, 1.1);
	cursor:pointer;
}

.bg-aderecos {
	background-image: url("/images/card_aderecos.jpg");
}
.bg-diversos {
	background-image: url("/images/card_diversos.jpg");
}
.bg-baloes {
	background-image: url("/images/card_baloes.jpg");
}
.bg-confeitaria {
	background-image: url("/images/card_confeitaria.jpg");
}
.bg-fantasias {
	background-image: url("/images/card_fantasias.jpg");
}
.bg-junina {
	background-image: url("/images/card_junina.jpg");
}
.bg-halloween {
	background-image: url("/images/card_halloween.jpg");
}
.bg-pascoa {
	background-image: url("/images/card_pascoa.jpg");
}
.bg-outros {
	background-image: url("/images/card_outros.jpg");
}
.bg-festa {
	background-image: url("/images/card_festa.jpg");
}
.bg-armarinhos {
	background-image: url("/images/card_armarinhos.jpg");
}
.bg-mix {
	background-image: url("/images/card_mix.jpg");
}
.bg-natal {
	background-image: url("/images/card_natal.jpg");
}

/* Responsivo */
@media (max-width: 778px) { 
	h1{font-size:44px;}
	h2 {font-size: 20px;font-family: 'Arial', sans-serif;}
	#contato h2 {font-size: 25px;}
	h3 {font-size: 17px;font-family: 'Arial', sans-serif;}
	h4{font-size: 20px;margin:20px 0;}
	h5{font-size: 25px;margin:10px 0;font-family: 'Arial', sans-serif;}
	h6{font-size: 11px;}

	.fornecedores a:not(.btn){
    	width: 50%;
    	margin-bottom:40px;
	}
	.fornecedores .img-forn {
		width: 165px;
	}
	.fundo-forn,.fundo-forn-geral{display:block;height:auto;margin-top:80px;}
	.fundo-forn .col-12.row{display:block;width: 100%;justify-content: center!important;}
	.card-itens{margin:15px;}
}