html * {
  font-family: "Work Sans", sans-serif;
}

@font-face {
  font-family: "Work Sans", sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet') format('woff2-variations');
  font-display: swap;
  font-weight: 100 600;
}

html {
    scroll-behavior: smooth;
}

.lottie_textsection_container {
	position: absolute;
	padding: 0;
	width: 100%;
	height: 100%;
  overflow: hidden;
  z-index: -1;
}

#lottie_textsection {
  position: absolute;
  top:0;
  width: 95vw;
  right: -0.5vw;
  left: 0vw;
  z-index: -1;
  overflow: hidden;
  
}

@media only screen and (max-width: 1024px) {
  #lottie_textsection {width: 100vw;}
  .lottie_textsection_container {margin-top: 50px;}
}

@media only screen and (max-width: 768px) {
  #lottie_textsection {width:180vh;margin-top: 0px;}
  .lottie_textsection_container {margin-top: 0px;}
}

@media only screen and (max-width: 500px) {
  #lottie_textsection {transform: rotate(90deg);margin-bottom: 50px;left:-57vh;height: 75%;}
  .lottie_textsection_container {margin-bottom: 300px;}
}

/* Hero section*/

.hero {
    position: relative;
      /* Sizing */
    margin-top: 0px;
      width: 100%;
      height: 90vh;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 0px;
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    /* Text styles */
      text-align: center;
      overflow: hidden;
   
}


/* Hero Lottie END */


.hero .herologo {
	width: 160px;
	margin-bottom: 10px;
}

.hero h1 {
  text-shadow: 6px 6px 30px #000000;
	color: #fff;
}

.hero-inner {
  padding: 7%;
}

.hero .red-line-hero {
	padding-top: 30px;
	margin-bottom: -10px;
}

.hero h2 {
  text-shadow: 2px 2px 10px #000000;
	padding-top: 20px;
	color: #fff;
}

.hero-inner button {
  width: 250px;
}

.hero .btn {
    /* Positioning and sizing */
    
	display: block;
    width: 200px;

	 /* Padding and margins */
	 padding: 0.7em;
	 margin-top: 30px;
	 margin-left: auto;
	 margin-right: auto;

	 /* Text styles */
	 color: rgb(255, 255, 255);
	 text-decoration: none;
	 font-size: 1em;
    
    /* Border styles */
    border: 2px solid rgb(255, 255, 255);
}

/* Text Section */


.textsection-container {
  height: 100%; 
  /* Sizing */
  z-index: 1;
  margin: 0px 0px 80px 0px;
  width: 100%;
padding-left: 2%;
padding-right: 2%;
/* Flexbox stuff */
display: flex;
justify-content: center;
align-items: center;
/* Text styles */
  text-align: center;
}



@media only screen and (max-width: 768px) {
  .textsection-container {padding: 60vh 0;margin-top: -160px; }
}


.textsection {
  
  box-shadow:
  0 0 40px 20px #a50606af;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 5%;
  width: 70vw;
}


.textsection-container h2 {
color: #fff;
}

.textsection-container .red-line-hero {
padding-top: 20px;
margin-bottom: -5px;
}

.textsection-container p {
  text-shadow: 0 0 10px black;
font-size: 1.2em;
font-weight: 400;
line-height: 1.3em;
padding-top: 20px;
color: lightgray;
}

#button-pictextsection {
  width: auto;
  padding: 10px 20px;
  margin-top:12px!important;
}

@media only screen and (max-width: 768px) {

.textsection {
  padding: 5%;
  width: 85vw;
  box-shadow:
  0 0 30px 10px #a50606af;
  background-color: rgba(0, 0, 0, 0.9);
}

}

/* Text Section end */

/*Footer*/

.lottie_footer_container {

	z-index: -1;
	position: absolute;
	width: 100%;
  height: 450px;
  overflow: hidden;
	bottom: 0;
  left: 0;
	right: 0;

}

#lottie_footer {
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.footer-home {
  /* Sizing */
position: relative;
padding: 0;
margin-top: 60px;
width: 100%;
  
padding-left: 2%;
padding-right: 2%;
/* Flexbox stuff */
display: flex;
justify-content: center;
align-items: center;
/* Text styles */
text-align: center;
}

.footer-home .redline-footer{
padding-top: 20px;
}

.footer-home h2 {
padding-top: 20px;
color: #fff;
}

.footer-home h3 {
  padding: 20px 20px 20px 20px;
  font-size: 1.3em;
  font-weight: 400;
  color: #fff;
}

#button-footer {
  width: 320px;
  background-color: rgba(0, 0, 0, 0.705);
}

.hero-inner2 {
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 300px;
}

@media only screen and (max-width: 1024px) {
  .lottie_footer_container {bottom: 0px;margin-bottom: -10px;}
  .hero-inner2 {margin: 2% 5% 250px 5%;}
  #lottie_footer {width: 100%; bottom: 0px;margin-bottom: -10px;}
}

@media only screen and (max-width: 768px) {
  #lottie_footer {width: 100%;bottom: 0px;left: -0px;margin-bottom: -10px;}
  .hero-inner2 {margin-bottom: 30vw;}
}

@media only screen and (max-width: 600px) {
  .lottie_footer_container {margin-top: -150px;}
  #lottie_footer {width: 100%;bottom: 0px;left:0; right;margin-bottom: -10px;}
  .hero-inner2 {margin-bottom: 30vw;}
}
/*Footer END*/


/* All Font Styles */

h1 {
  line-height: 1.1em;
  font-size: 3.4em;
  letter-spacing: 0.03em;
}

h2 {
  line-height: 1.2em!important;
  font-size: 2.4em;
  font-weight: 600;
  letter-spacing: 0.015em;
  
}

h3 {
  font-size: 1.2em;
  /* letter-spacing: 0.04em; */
  line-height: 1.25em;
}

h4 {font-size: 1.2em; line-height: 1.2em;}

p {line-height: 1.25em!important;letter-spacing: 0.02em;}


@media only screen and (max-width: 767px) {
  .hero h2 { font-size: 2em;}
  h1 {font-size: 2.5em;}
  h2 {font-size: 1.5em; line-height: 1.2em;}
  h3 {font-size: 1.2em;line-height: 1.2em;}
  p {font-size: 0.8em!important;}
}


/* END All Font Styles */



/* Politici style */

.politici-hero {height:40vh; margin-bottom: -100px;}
.politici-container-text {padding: 100px 0px 0px 0px;}

h1 {font-weight: 700!important; letter-spacing: 1px!important; line-height: 1.2em!important;}
h2 h3 {font-weight: 600!important; letter-spacing: 0.5px!important; line-height: 1.2em!important;}
strong {font-weight: 500!important;}
b {font-weight: 500!important;}

@media only screen and (max-width: 768px) {
  h1 {font-weight: 700!important; letter-spacing: 1px!important; line-height: 1.2em!important;}
  h2 h3 {font-weight: 600!important; letter-spacing: 0.5px!important; line-height: 1.2em!important;}
  strong {font-weight: 500!important;}
  b {font-weight: 500!important;}
}