@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
       url('../fonts/Gotham-Bold.woff') format('woff'),
       url('../fonts/Gotham-Bold.ttf') format('truetype'),
       url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'),
       url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.woff') format('woff'),
       url('../fonts/Gotham-Book.ttf') format('truetype'),
       url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBook';
  src: url('../fonts/GothamBook.eot');
  src: url('../fonts/GothamBook.woff2') format('woff2'),
       url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



body{
	background-color: #f1f1f1;
	overflow-x: hidden;
}

.logo{
	margin-top: -500px;
	z-index: 100;
	position: relative;
	padding-left: 80px;
	padding-right: 80px;
	margin-bottom: 250px;
}

.promo{
	font-family: 'Gotham-Book','GothamBook', Arial;
	color: #ffffff;
	text-shadow: 0.1em 0.1em 0.2em black
	height: auto;
	font-size: 1.2em;
	padding: 10px;
	border-radius: 3px;
	background: linear-gradient(45deg,#0c3d5c, #4680a2);
	padding-left: 20px;
	margin-left: 20px;
}

.promo-span{
	font-family:  'Gotham-Bold',Arial;
}

.fundo_banner{
	background: linear-gradient(#9fcbe0, #f1f1f1);
}

.banner-mobile{
		display: none;
	}



@media screen and (max-width:1450px){
	.logo{
		margin-top: -400px;
		margin-bottom: 180px;
	}
}
@media screen and (max-width:1200px){
	.logo{
		margin-top: -380px;
		margin-bottom: 100px;
	}
}
@media screen and (max-width:992px){
	.logo{
		margin-top: -180px;
	}
	.promo{
		text-align: center;
	}
}
@media screen and (max-width: 768px){
	.desenvolvido{
		text-align: center;
		font-family: 'Gotham-Bold', Arial;
		font-size: 0.6em;
	}
	.promo{
		text-align: center;
	}
	.logo{
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 630px){
	.logo{
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 20px;
		margin-bottom: 50px;
	}
	.logo img{
		margin: 0 auto;
	}
	.banner-animado{
		display: none;
	}
	.fundo_banner{
		display:none;
	}
	.banner-mobile{
		display: block;
	}
}