:root {
		--blue: #007bff;
		--indigo: #6610f2;
		--purple: #6f42c1;
		--pink: #e83e8c;
		--red: #dc3545;
		--orange: #fd7e14;
		--yellow: #ffc107;
		--green: #28a745;
		--teal: #20c997;
		--cyan: #17a2b8;
		--white: #fff;
		--gray: #6c757d;
		--gray-dark: #343a40;
		--primary: #007bff;
		--secondary: #6c757d;
		--success: #28a745;
		--info: #17a2b8;
		--warning: #ffc107;
		--danger: #dc3545;
		--light: #f8f9fa;
		--dark: #343a40;
		--breakpoint-xs: 0;
		--breakpoint-sm: 576px;
		--breakpoint-md: 768px;
		--breakpoint-lg: 992px;
		--breakpoint-xl: 1200px;
		--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	}
	
	*, *::before, *::after {box-sizing: border-box;}
	
	html {font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	body {margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-image: url(../images/jpg/body.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat;}
	
	img {width: 100%; height: auto; object-fit: contain;}

	a, a:hover {text-decoration: none;}
	
	.container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
	.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
	.col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 0 15px;}
	
	/* 1. Header
	--------------*/
	.header {padding: 45px 0;}
	.header img {max-height: 80px;}

	/* 2. Centro
	--------------*/
	.body {min-height: calc(100vh - 177px - 100px - 29px); display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center; padding: 45px 0;}
	.body .box {text-align: center; color: #FFF;}
	.body .box img {height: 90px;}
	.body .box h1 {font-size: 22px; text-transform: uppercase; margin: 0 0 0.15rem 0;}
	.body .box h2 {font-size: 18px; font-weight: 300; margin: 0;}
	.body .box h3 {font-size: 18px; font-weight: 300; margin: 1rem 0 0 0; text-transform: uppercase;}
	.body .box h3:hover {opacity: .75;}

	/* 3. Rodapé
	--------------*/
	#rodape {position: relative; z-index: 0;}
	#rodape::before, #rodape::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px;}
	#rodape::before {background: #EA030B; z-index: -1;}
	#rodape::after {background: #FFF; height: 42px; z-index: -2;}
	#rodape img {max-height: 100px; vertical-align: bottom;}

	@media screen and (min-width: 768px) and (max-width: 991px) {
		#rodape::before {height: 33px;}
		#rodape::after {height: 35px;}
	}

	@media screen and (min-width: 576px) and (max-width: 767px) {
		#rodape::before {height: 24px;}
		#rodape::after {height: 26px;}
	}

	@media screen and (max-width: 575px) {
		#rodape::before {height: 14px;}
		#rodape::after {height: 16px;}
	}
	
	/* 4. Copyright
	-----------------*/
	footer {background: url(../images/jpg/copyright.jpg); background-size: 20px; background-repeat: repeat; padding: 5px 0;}
	footer p {font-size: 12px; text-align: center; margin: 0;}
	footer p a {font-weight: 600; color: inherit;}
	footer p a:hover {color: #BD1212;}
	
	/* 5. Media Querys
	--------------------*/
	@media (min-width: 1200px) {
		.container {max-width: 1140px;}
	}
	
	/* @media (min-width: 992px) {
		.body .box h1 {height: 66px;}
	} */
	
	@media (min-width: 992px) and (max-width: 1199px) {
		.container {max-width: 960px;}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		.container {max-width: 720px;}
	
		/* .body .box h1 {height: 99px;} */
	}
	
	/* @media (min-width: 768px) {
		.body .box h1 {display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center; -ms-justify-content: center; justify-content: center;}
	} */
	
	@media (min-width: 576px) and (max-width: 767px) {
		.container {max-width: 540px;}
	
		.body .col {width: 50%; flex-basis: auto; -webkit-flex-basis: auto; -moz-flex-basis: auto;}
		.body .col:not(:last-child) {margin: 0 0 1rem 0;}
	}
	
	@media screen and (max-width: 575px) {
		.body .col {width: 100%; flex-basis: auto; -webkit-flex-basis: auto; -moz-flex-basis: auto;}
		.body .col:not(:last-child) {margin: 0 0 1rem 0;}
	};}
.body .box {text-align: center; color: #FFF;}
.body h3, span {font-size: 18px; font-weight: 300;}