body{
	background-color: #121518;
}

/* ************* Seção Intro ************* */

.intro{
	padding: 150px 0 100px;
	color: white;
	background-image: url('../images/start-page/bg0.jpg');
	background-size: cover;
	background-position: center center;
	max-width: 100%;
	box-shadow: inset 0 -100px 75px -50px rgba(0,0,0,0.85);
	position: relative;
}


/* ************* Seção Sobre (About) ************* */

.about--photo{
	background-image: url('../images/start-page/bg6.jpg');
	background-size: cover;
	background-position: right center;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.25);
	color: var(--fonte_fundo_escuro);
	font-weight: 900;
	padding: 180px 0;
	box-shadow: inset 0 -100px 175px -50px rgba(0,0,0,0.55);
	
	
}

@media (min-width: 768px) {
  .about--photo {
	-webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  } 
}

.about--photo::before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

.about--photo h1{
	z-index: 1;
}

.about--text {
	background-color: #121518;
}

.about--text h2{
	font-size: 1.75rem;
	padding: 80px 40px;	
	color: white;
	margin-bottom: 50px;
}

/* ************* Seção Categorias ************* */

.categorias{
	background-image: url('../images/start-page/bg7_blur.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	position: relative;
	padding: 0 0 50px;
}

.categorias::before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.65);
}

.categorias h3{
	font-size: 1.5rem;
	padding-top: 20px;
}

.linha-categorias{
	position: relative;
	top:-50px;
}

.card-block{
	padding-bottom: 25px;
}

.card{
	box-shadow: 10px 10px 20px rgba(0,0,0,0.35);
}

/* ************* Seção Photos ************* */

.photos{
	background-image: url('../images/start-page/bg2.jpg');
	background-size: cover;
	/* background-attachment: fixed; */
	background-position: center center;
	/* font-weight: 900; */
	padding: 100px 0;
	position: relative;
}

.photos::before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.65);
}

.photos h1{
	z-index: 1;
	color: var(--white);
	text-shadow: 2px 2px 10px rgba(0,0,0,0.25);
	padding-top: 20px;
}

.photos .container{
	background-color: rgba(0,0,0,0.75);
	border-radius: 5px;
	padding-bottom: 100px;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.55);
}