@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

body {
	background-color: #e7e7e7;
	/*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto', sans-serif;
}

#wrapper {
	max-width: 1000px;
	margin: 40px auto;
}

#wrapper #topo {
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	border-bottom: solid 2px #cccccc;
}

.categoria .heading {
	background-color: #bd362f;
	color: #ffffff;
	padding: 16px;
	border-radius: 6px 6px 0 0;
}

.categoria .heading .sinal {
	background-color: #bd362f;
	color: #ffffff;
	float: right;
	justify-content: center;
	font-size: larger;
	margin: 0 0 0 0;
	border-radius: 6px 6px 0 0;
}


.categoria {
	border-radius: 6px 6px 3px 3px;
	margin: 16px 0;
	overflow: hidden;
	transition: all .5s ease-in-out;
	/*max-height: 51px;*/
}

#lista-categorias {
	padding-top: 20px;
}

/*.categoria.active {
	/*ax-height: none;*/
	
	.categoria .lista-servicos {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 16px;
		padding: 16px;
		border: 1px solid #ccc;
	}
	
	.categoria .card-servico {
		background-color: #fff;
		border-radius: 6px;
		height: 200px;
		/*padding: inherit;*/
		/*min-height: 50px;*/
		display: flex;
		font-size: 0.8em;
	}
	
	/*.categoria .card-servico {
		display: flex;
	}*/
	
	/*.categoria .card-servico:hover {
		/*box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);*/
		
		
	.categoria .card-servico .servico-icone {
		flex-basis: 20%;
		border-radius: 6px 0 0 6px;
		border-color: #000;
		background: #ecb5b3;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		
	.categoria .card-servico .servico-icone img {
		width: 80%;
		margin:10px 10px 10px 10px;
	}
		
	.categoria .card-servico .servico-texto {
		padding: 16px;
		display: flex;
		font-size-adjust: inherit;
		flex-direction: column;
		justify-content: space-between;
	}
		
	.categoria .card-servico  .servico-titulo {
		text-transform: uppercase;
		color: #000;	
	}
			
	.categoria .card-servico .servico-texto .servico-desc {
		color: #000;
	}


.categoria .card-servico .servico-buttons {
	display: inherit;
    justify-content: last baseline;
	margin-top: 16px;
	margin-bottom: 16px;
	text-decoration: none;
}

.categoria .card-servico .servico-texto {
	display: flex;
    justify-content: center;
	margin-top: 16px;
	text-decoration: none;
	
}

.categoria .servico-buttons .card-servico .servico-texto {
	display: flex;
    justify-content: center;
	margin-top: 16px;
	text-decoration: none;
	
}

.lista-servicos .servico-buttons .card-servico .servico-texto {
	display: flex;
    justify-content: center;
	margin-top: 16px;
	text-decoration: none;
	
}

.servico-buttons a {
	color: #fff;
    text-decoration: none;
    padding: 6px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

a:link {
	text-decoration: none;

}

b:link {
	text-decoration: none;
	color: #000;
}

.servico-buttons b:nth-child(1) {
	background: #5bc0de;
    border-radius: 0 0 0 0;
}

.servico-buttons a:nth-child(1) {
	background: #337ab7;
    border-radius: 4px 4px 4px 4px;
}

.servico-buttons a:nth-child(2) {
	background: #d9534f;
    border-radius: 4px 4px 4px 4px;
}

.servico-buttons b:nth-child(1):active,
.servico-buttons a:nth-child(1):active,
.servico-buttons a:nth-child(2):active {
	box-shadow: inset 0 3px 5px #fff(0, 0, 0, .125);
}

@media (max-width: 1024px) 
{
  #topo {
	flex-direction: column-reverse;
  }

  .categoria .lista-servicos {
  	grid-template-columns: 1fr 1fr;
  }

  /*.categoria .lista-servicos.mobile {
  	display: grid;
  }

  .categoria .lista-servicos.desktop {
  	display: none;
  }*/

  .categoria .card-servico {
  	position: relative;
  	padding-bottom: 50px;
  	height: initial;
  	min-height: initial;
  }

  .categoria .card-servico .servico-icone {
  	display: none;
  } 

  .categoria .card-servico .servico-texto h3 {
	font-size: 1.3em;
  }

  /*.card-servico .servico-buttons {
  	position: inherit;
    bottom: 0;
    left: 0;
    right: 0;
	width: 100%;
	text-decoration: none;
  }

  .card-servico .servico-buttons a {
  	flex: 1;
    text-align: center;
	padding: 16px;
	text-decoration: none;
  }

  /*.servico-buttons a:nth-child(2) {
  	border-radius: 4px 4px 4px 4px;
  }

  .servico-buttons a:nth-child(3) {
  	border-radius: 4px 4px 4px 4px;
  }*/

  /*.categoria .card-servico .servico-texto {
  	width: 100%;
  }*/

}

@media (max-width: 576px) {
  .categoria .lista-servicos {
  	grid-template-columns: 1fr;
  }
}