.banner h2,
.intro-message>h1,
.intro-message>h3 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}

#slides_control>div,
body,
html {
	height: 100%
}

body,
html {
	width: 100%
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700
}

.topnav {
	font-size: 14px
}

.lead {
	font-size: 18px;
	font-weight: 400
}

.intro-message {
	position: relative;
	padding-top: 20%;
	padding-bottom: 20%
}

.intro-message>h1 {
	margin: 0;
	font-size: 5em
}

.intro-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media(max-width:767px) {
	.intro-message {
		padding-bottom: 15%
	}
	.intro-message>h1 {
		font-size: 3em
	}
	ul.intro-social-buttons>li {
		display: block;
		margin-bottom: 20px;
		padding: 0
	}
	ul.intro-social-buttons>li:last-child {
		margin-bottom: 0
	}
	.intro-divider {
		width: 100%
	}
}

.network-name {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px
}

.content-section-a {
	padding: 50px 0;
	background-color: #f8f8f8
}

.content-section-b {
	padding: 50px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}

.section-heading {
	margin-bottom: 30px
}

.section-heading-spacer {
	float: left;
	width: 200px;
	border-top: 3px solid #e7e7e7
}

.banner {
	padding: 100px 0;
	color: #f8f8f8;
	background: url(../../img/cachorro-independente.jpg) center center no-repeat;
	background-size: cover
}

.footer,
footer {
	background-color: #f8f8f8
}

.banner h2 {
	margin: 0;
	font-size: 3em
}

.banner ul {
	margin-bottom: 0
}

.banner-social-buttons {
	float: right;
	margin-top: 0
}

@media(max-width:1199px) {
	ul.banner-social-buttons {
		float: left;
		margin-top: 15px
	}
}

@media(max-width:767px) {
	.banner h2 {
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
		font-size: 3em
	}
	ul.banner-social-buttons>li {
		display: block;
		margin-bottom: 20px;
		padding: 0
	}
	ul.banner-social-buttons>li:last-child {
		margin-bottom: 0
	}
}

footer {
	padding: 50px 0
}

p.copyright {
	margin: 15px 0 0
}

.imageincarousel {
	margin: auto;
	height: 200px;
	width: 400px
}

#slides_control {
	width: 400px top: 20px
}

a:nth-of-type(2n) {
	margin-right: 0
}

.footer {
	border-color: #e7e7e7;
	margin-top: 2em;
	bottom: 0;
	width: 100%
}

.footer-content {
	float: left;
	clear: both;
	margin: 0 0 10px;
	width: 100%
}

.footer-category-list {
	list-style-type: none;
	padding-left: 0
}

.imagesizer {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover
}

@media screen and (min-width:768px) {
	#footermobile {
		visibility: hidden
	}
}

.importantimage {
	opacity: .8;
	padding-bottom: 5em;
	transition: .3s ease;
	text-align: center
}

.importantimage:hover {
	transform: scale(1.2, 1.2);
	opacity: 1
}

@media screen and (max-width:768px) {
	#footer {
		visibility: hidden
	}
	.intro-header {
		padding-top: 50px;
		padding-bottom: 50px;
		text-align: center;
		color: #f8f8f8;
		background: url(../../img/SQPE_logo_mobile.png) center center no-repeat;
		background-size: cover;
		height: 90vh;
		width: 100%
	}
	@media screen and (min-width:768px) {
		.intro-header {
			padding-top: 50px;
			padding-bottom: 50px;
			text-align: center;
			color: #f8f8f8;
			background: url(../../img/SQPE_LOGO.jpg) center center no-repeat;
			background-size: cover;
			height: 90vh;
			width: 100%
		}
		.card {
			float: left;
			width: 33.333%;
			padding: .75rem;
			margin-bottom: 2rem;
			border: 0
		}
	}
}