body{
	background-color: #000;
	font-family: 'Montserrat', sans-serif;
	}

.bt-send{
	background-color: #25d366;
	border-radius: 50px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	}

.bt-send:hover{
	background-color: #585858;
	color: #fff;
	}

/* HEADER */
.header{
	background: rgb(102,0,0);
	background: linear-gradient(0deg, rgba(102,0,0,1) 0%, rgba(177,1,0,1) 100%);
	border-bottom:5px solid #fff;
	}

.h1-header{
	color: #fff;
	font-size: 2.4em;
	font-weight: 800;
	padding-top: 0.5em;
	}

.h2-header{
	color: #fff;
	font-size: 1.6em;
	font-weight: 400;
	padding-top: 0.5em;
	}

.h3-header{
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	padding-top: 0.5em;
	}

.button-whatsapp{
	background-color: #49ad32;
	border-radius: 50px;
	border: 0;
	color: #fff;
	font-size: 1.4em;
	padding: 1em 1em 0.8em 1em;
	}

.button-whatsapp img{
	padding: 5px 5px 10px 5px;
	}

.br-whats{display: none;}

/* FORM */
.form{
	background-color: #ddd;
	padding: 3em 0.5em;
	}

form{
	padding-left: 15em;
	padding-right: 15em;
	}

.h2-form{
	color: #cc0000;
	font-size: 2.1em;
	font-weight: 700;
	}

/* CONTATOS */
.contact{
	background-color: #fff;
	}

.h3-contact{
	color: #cc0000;
	font-size: 1.8em;
	font-weight: 700;
	}

/* FOOTER */
.footer{
	background-color: #000;
	border-top:5px solid #fff;
	color: #fff;
	}

.footer a{
	color: #fff;
	text-decoration: none;
	}

.footer a:hover{
	color: #fff;
	}

.h3-footer{
	font-size: 1em;
	}

/* SMARTPHONES */
@media only screen and (max-width: 599px) {
	.logo{width: 85%;}
	.logo-footer{width: 70%;}
	.header{text-align: center;}
	.h1-header{font-size: 1.5em;padding-top: 0.5em;}
	.h2-header{font-size: 1.2em;padding-top: 0.5em;}
	.h3-header{font-size: 1.1em;padding-top: 0.3em;}
	.merchandete{width: 65%;}
	.h2-form{font-size: 1.2em !important;}
	.h3-contact{font-size: 1.3em;}
	.form{padding: 1.2em 0.5em;}
	video{margin-top: 1.3em;}
	.br-whats{display: inline;}
	form{padding-left: 1em;padding-right: 1em;}
	.button-whatsapp{font-size: 1em;padding: 0.6em 1.9em 1em 1.9em;}

	}

/* TABLETS */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.logo{width: 70%;}
	.logo-footer{width: 30%;}
	.h1-header{font-size: 1.3em;;padding-top: 0.3em;}
	.h2-header{font-size: 1em;;padding-top: 0.3em;}
	.h3-header{font-size: 0.9em;;padding-top: 0.3em;}
	.merchandete{width: 85%;}
	.h2-form{font-size: 1.4em;}
	.form{padding: 1.5em 0.5em;}
	form{padding-left: 5em;padding-right: 5em;}
	}

/* LAPTOP / DESKTOP */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
	.logo{width: 60%;}
	.logo-footer{width: 30%;}
	.h1-header{font-size: 2em;;padding-top: 0.3em;}
	.h2-header{font-size: 1.6em;;padding-top: 0.4em;}
	.h3-header{font-size: 1.2em;;padding-top: 0.4em;}
	.merchandete{width: 80%;}
	.form{padding: 1.6em 0.5em;}
	.h2-form{font-size: 1.6em;}
	}