
.depicter-revert.depicter-12 .depicter-layers-wrapper{
	padding-left:15px;
	padding-right:15px;
}
.depicter-revert .depicter-12-element-40{
	font-size:18px;
	text-align:center;
	color:#000;
	font-family:"Raleway";
	font-weight:500;
	text-transform:capitalize;
	background-color:#F3D587;
	border:none;
	border-radius:5px;
}
.depicter-revert .depicter-12-element-40:not(.depicter-hover-off){
	transition:all cubic-bezier(0.25, 1, 0.5, 1) 1s;
}
.depicter-revert .depicter-12-element-40:not(.depicter-hover-off):hover {
	color:#FFF;
	background-color:#000;
	border-color:#000;
}
.depicter-revert .depicter-12-element-39{
	font-size:20px;
	color:#FFF;
	font-family:"Raleway";
	font-weight:400;
	line-height:150%;
	background-color:transparent;
}
.depicter-revert .depicter-12-element-34{
	font-size:17px;
	color:#FFF;
	font-family:"Raleway";
	font-weight:400;
	line-height:120%;
	text-transform:uppercase;
	background-color:transparent;
}
.depicter-revert .depicter-12-element-33{
	font-size:65px;
	color:#FFF;
	font-family:"Raleway";
	font-weight:500;
	line-height:120%;
	text-transform:uppercase;
	background-color:transparent;
}
.depicter-revert .depicter-12-element-44{
	opacity:0.603;
	border-radius:5px;
}
.depicter-revert .depicter-12-section-31 .depicter-section-background{
	background-color:#1C1C1C;
}

/***** Tablet *****/
@media screen and (max-width: 1024px){

.depicter-revert .depicter-12-element-40{
	font-size:14px;
	text-align:center;
	color:#000;
	font-family:"Raleway";
	font-weight:700;
	text-transform:capitalize;
	background-color:#F3D587;
}
.depicter-revert .depicter-12-element-39{
	font-size:20px;
	color:#FFF;
	font-family:"Raleway";
	font-weight:400;
	line-height:150%;
	text-transform:capitalize;
}
.depicter-revert .depicter-12-element-34{
	font-size:15px;
	color:#FFF;
	font-family:"Raleway";
	font-weight:400;
	line-height:120%;
	text-transform:capitalize;
	background-color:transparent;
}
.depicter-revert .depicter-12-element-33{
	font-size:45px;
	color:#FFF;
	font-family:"Raleway";
	font-weight:500;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-12-section-31 .depicter-section-background{
	background-color:#1C1C1C;
}

}
/***** Mobile *****/
@media screen and (max-width: 767px){

.depicter-revert .depicter-12-element-39{
	font-size:18px;
	text-align:center;
}
.depicter-revert .depicter-12-element-34{
	font-size:15px;
	text-align:center;
	color:#FFF;
	font-family:"Raleway";
	font-weight:400;
	line-height:120%;
	text-transform:capitalize;
	background-color:transparent;
}
.depicter-revert .depicter-12-element-33{
	font-size:30px;
	text-align:center;
	color:#FFF;
	font-family:"Raleway";
	font-weight:500;
	line-height:120%;
}
.depicter-revert .depicter-12-element-44{
	opacity:0.256;
}
.depicter-revert .depicter-12-section-31 .depicter-section-background{
	background-color:#1C1C1C;
}

}
/*** Custom styles ***/
.depicter-button {
  background-color: #F3D587 !important; /* Podstawowy kolor tła */
  color: #000000 !important;            /* Podstawowy kolor tekstu */
  border: none !important;              /* Usunięcie obramowania */
  text-decoration: none !important;     /* Brak podkreślenia tekstu */
  min-width: 160px !important;          /* Minimalna szerokość przycisku */
  min-height: 50px !important;          /* Minimalna wysokość przycisku */
  border-radius: 5px !important;        /* Zaokrąglenie rogów */
  transition: background-color 0.3s ease, color 0.3s ease !important; /* Płynna zmiana kolorów przy hover */
  display: flex !important;             /* Ustawienie elastycznego modelu pudełkowego */
  justify-content: center !important;   /* Wyśrodkowanie treści w poziomie */
  align-items: center !important;       /* Wyśrodkowanie treści w pionie */
}

.depicter-button:hover {
  background-color: #000000 !important; /* Kolor tła po najechaniu */
  color: #ffffff !important;            /* Kolor tekstu po najechaniu */
}



