/*
Theme Name: 	Racing Page
Description: 	Responsive WordPress Theme for Racing Division
Version:     	2.0
Author:     	D-ART WEB by Paolo Zambelli
Author URI:   http://www.dartweb.it
Site:         http://www.dartweb.it
Text Domain: 	D-ART WEB
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

*/

body, html { margin: 0; padding: 0; height: 100vh;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}

/* -------------------------------------------------------------------------------- */
/* ! Base */
/* -------------------------------------------------------------------------------- */

html, body{height: 100vh;}
body{background-color: var(--black);color: var(--white);font-family: Gotham;}

.scroll-container{overflow:hidden;}
.container{ margin: 0 auto; max-width: 1920px;}

@media (min-width: 1024px) {
  body { overflow: hidden }
}

/* ! --color */
*{
  --white : #fff;
  --black : #0f1316;
  --yellow : #d4ff00;
  --yellowT : rgba(212, 255, 0, 0.5);
  --yellowW : #b9de01;
  --gray: #ccc;
}


/* preloader */
.preloader{background: var(--black) url('img/preloader.svg') no-repeat center center; background-size: 300px;  position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 9999;}

/* ! Transitions */
.transition-fade {  transition: 0.1s;  opacity: 1; }
html.is-animating .transition-fade { opacity: 0;  }

/* font */
@font-face {
  font-family: 'Neue Montreal';
  src: url('fonts/NeueMontreal-Medium.woff2') format('woff2'),
  url('NeueMontreal-Medium.woff') format('woff');
}

@font-face {
  font-family: 'BunkenTechSansProWide-UlBdIt';
  src: url('fonts/BunkenTechSansProWide-UlBdIt.woff') format('woff'),
  url('assets/fonts/BunkenTechSansProWide-UlBdIt.woff2');
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Book.woff') format('woff');
}




/* ! Typography */
h1,h2,h3,h4,h5,h6{font-family: 'Neue Montreal';}
p{font-size: 18px;line-height: 28px; margin-bottom: 20px;}

a{color:var(--yellow);}
a:hover{color:var(--gray);}

.headline{font-size: 90px;margin: 0 0 40px 0;color:var(--yellow); }
h1, .title{font-size: 50px;margin: 0 0 20px 0;}
h2, .midtitle{font-size: 35px;margin: 0 0 20px 0;}
h3, .semi-midtitle{font-size: 25px;margin: 0 0 20px 0;}
h4, .subtitle{font-size: 22px;margin: 0 0 20px 0;}

@media (max-width: 768px) {
  .headline{font-size: 50px;margin-bottom: 20px;}
  .title{font-size: 35px;}
  .subtitle{font-size: 20px;}
}


/* ! header */

.fixed{position: fixed;z-index: 10;width: 100%;}
.header{display: flex; justify-content: space-between;width: 100%;top:0; margin: 0 auto;}
.header__logo{max-width: 350px;}
/* .logo{display: block;padding: 10px;text-align: center;margin-top: 0px;margin-left: 20px;width: 100%;left:5px;}
.logo2{display: block;padding: 10px;text-align: center;margin-top: 0px;margin-left: 20px;width: 100%;left:-100%;}
.logo img{width: 300px;} */


.logo{display: block;
padding: 10px;
z-index: 110;
text-align: center;
margin-top: 1%;
position: fixed;
top: 0;
left: 20px;
overflow: hidden;
width: 300px;
transition: all 1s cubic-bezier(.215, .61, .355, 1);
filter: invert(0);}
.logo2{display: block;
padding: 10px;
z-index: 110;
text-align: center;
margin-top: 1%;
position: fixed;
top: 0;
left: -100%;
overflow: hidden;
width: 130px;
transition: all 1s cubic-bezier(.215, .61, .355, 1);
filter: invert(0);}

.scroll-down .logo{left: -100%;}
.scroll-down .logo2{left:20px;delay:0.5s;}


@media (max-width: 768px) {

  .logo img{width: 180px;}
  .logo{width: 182px;left:5px;}
  .scroll-down .logo2{left:5px;width: 70px;delay:0.5s;}
}

/* ! --menu */
.header-container__menu{position: relative;width: 90px;height: 90px;top: 0px;left:0px;background: var(--yellow);z-index: 9999;display: block;cursor: pointer;}

.menu-hidden{
  position:fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: var(--yellow);
  z-index: 9;
  transform: scale(0);
  transform-origin: top right;

}

.menu-hidden--open{transform: scale(1);}

nav{padding: 150px; transition: all .3s cubic-bezier(.215, .61, .355, 1);}
nav ul{padding-left: 0;display: grid;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
nav ul li{list-style: none;margin-top: 50px;font-size: 60px;letter-spacing: 5px;text-align: center;line-height: 85px;}
nav ul li a{
  display: inline-block;
  color: var(--black);
  text-decoration: none;
  text-transform:uppercase;
  position: relative;
  transition: all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

nav ul li a::after{
  content: "";
  background: var(--black);
  width: calc(100% + 20px);
  height: 0;
  position: absolute;
  bottom: -4px;
  left: -10px;
	transition: all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  z-index: -1;
}

.menu-hidden::before{
  content: "";
  background: url("img/hidden-menu-bg.svg") no-repeat top left;
  overflow: visible;
  height:100%;
  width: 200%;
  position: absolute;
  top: 450px;
  left: -233px;
	transition: all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  z-index: -1;
  transform: rotate(20deg);
}

nav ul li a:hover::after{height: calc(100% + 8px);}
nav ul li a:hover{color:var(--white);}

@media (max-width: 768px) {
  nav ul li{margin-top: 0;font-size: 22px;line-height: 55px;}
  nav ul li a{font-weight:bold;}
  .menu-hidden::before{width: 400%;top: 40%;}

}



/* ! -- --hamburger icon */
.icon-hamburger{ width: 30px;height: 30px;position: absolute;top: 31px;left: 28px;transform: rotate(45deg)}
.icon-hamburger span {height: 3px;width: 30px; position: absolute; background: var(--black); top: 11px; transition: all 0.2s ease-in-out;}
.icon-hamburger span:before,
.icon-hamburger span:after{height: 3px;width: 18px;position: absolute;background: var(--black);content: ' '; margin-top: -10px;transition: all .3s cubic-bezier(.215, .61, .355, 1);border-radius: 10%;left:6px}
.icon-hamburger span:after{margin-top: 10px;}

.icon-hamburger--open {transform: rotate(0deg);margin-top: 0px;}
.icon-hamburger--open span:before{transform: rotate(45deg);margin-top: 0px;}
.icon-hamburger--open span:after{transform: rotate(-45deg);margin-top: 0px;}
.icon-hamburger--open span{background: transparent;}
.header-container__menu--open{background: transparent;}

@media (max-width: 768px) {
  .header-container__menu{width: 80px;height: 80px;}
  .icon-hamburger{width: 20px;height: 20px;top: 25px;left: 30px;}

}


/* ! Buttons */

/* .button{display: inline-block;color:#000; border: 3px solid #000; padding: 10px 20px;margin-top: 15px;text-align: center;position: relative;overflow: hidden;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);}
.button:before{content: ' '; width: 100%; height: calc(100% + 0.2rem); background: #000; z-index: -1;position: absolute; bottom: 0; left: 0; transform: translateY(100%);transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);}
.button:hover:before{transform: translateY(0%);}
.button:hover{color:#fff!important;} */

/* ! --button */
.btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid var(--yellow);
  color:var(--yellow);
  font-size: 16px;
  padding: 20px 50px;
  letter-spacing: 8px;
  font-weight: 700;
  height: auto;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);

}
.btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--yellow);
  z-index: -1;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.btn:hover:before {left:0;}
.btn:hover {color:var(--black);z-index: 1}



/* ! Locomotive Scroll  */

[data-scroll-section]{position: relative; display: block;}
.wp-block-image img,
.img-article{height: 500px;width: 100%;object-fit: cover;}
.img-article-small{height: 180px;width: 100%;object-fit: cover;object-position: top left;}

@media (max-width: 767px) {
  .wp-block-image img,
  .img-article,
  .img-article-small{height: 240px;}
}

/* ! hero */

/* ! -- overlay */
.hero::before{content:' ';width: 100%;height: 100%;background: var(--black);position: absolute;top: 0;left: 0;opacity: 0.8;z-index:-1;}

.hero::after{content:' ';width: 100%;height: 100%;background: url("img/welcome.svg") no-repeat center center;position: absolute;top: 0;left: 0;z-index:-1;}

.hero{height: 100vh;position: relative; background: #333;display: flex; width: 100%; align-items: center;z-index: 0}
.hero__content{padding: 20px;width: 100%; text-align: left;position: relative; z-index: 1;max-width: 1200px;margin: 0 auto;}
.hero__content__items{display: flex;position: relative;}
.hero .hero__content__items p{text-transform: uppercase;color:var(--white);font-size: 70px;line-height: 56px;font-family: BunkenTechSansProWide-UlBdIt;letter-spacing: 22px;margin-top: -34px;}
.hero .hero__content__items h1{text-transform: uppercase;color:var(--yellow);font-size: 120px;line-height: 100px;font-family: BunkenTechSansProWide-UlBdIt;letter-spacing: 22px;z-index: 1}
.hero__content__items .number8{display: block;position:absolute;right: 230px;top: 190px;z-index: -1;}
.hero__content__items .number8 img{height: 250px;width: auto;}


@media (max-width: 1000px) {
  .hero__content__items .number8{right: 50px;}
}

@media (max-width: 768px) {
  .hero::after{top: -135px;}
  .hero__content{margin-top: -100px;}
  .hero__content__items {display: block;}
  .hero .hero__content__items h1{font-size: 54px;line-height: 50px;letter-spacing: 2px;}
  .hero .hero__content__items p{font-size: 32px;line-height: 30px;letter-spacing: 5px;margin-top: -27px;}
  .hero__content__items .number8{right: 15px;top: 46px;}
  .hero__content__items .number8 img{height: 130px;}
}
@media (max-width: 460px) {
  .hero__content {margin-top: 0;}
  .hero__content__items .number8{top: 90px;right: 0;}
  .hero::after {top: -100px;}
}






/* ! Block Panel */

.block-ps-panel{padding: 100px;margin-bottom: 100px;}
.block-ps-panel__img{max-width: 600px;height: auto;display: block; margin: 0 auto;object-fit: cover;margin-top: 200px;border: 2px solid var(--yellow);}
.block-ps-panel__img img{position: relative;left:-66px;top:118px;width: 100%;height: auto;}
.block-ps-panel__text{max-width: 550px; display: flex; width: 100%; height: 100%; align-items: center;padding: 20px;}

@media (max-width: 767px) {
  .block-ps-panel{ padding: 20px 0;}
  .block-ps-panel__text{padding: 20px 0;}
  .block-ps-panel__img{margin-top: 20px;}
  .block-ps-panel__img img{left:-14px;top:97px;}
  .block-ps-panel__right .col-50 {order: 2;}
  .block-ps-panel__left .col-50 {order: 2;}
}

/* ! Block Bio Panel */

.block-ps-bio-panel{padding: 100px;margin-bottom: 100px;}
.block-ps-bio-panel__img{max-width: 600px;height: auto;display: block; margin: 0 auto;object-fit: cover;margin-top: 200px;border: 2px solid var(--yellow);}
.block-ps-bio-panel__img img{position: relative;left:-90px;top:0px;width: 100%;height: auto;}
.block-ps-bio-panel__text{max-width: 550px; display: flex; width: 100%; height: 100%; align-items: center;padding: 20px;}

@media (max-width: 767px) {
  .block-ps-bio-panel{ padding: 20px 0;}
  .block-ps-bio-panel__text{padding: 20px 0;}
  .block-ps-bio-panel__img{margin-top: 20px;}
  .block-ps-bio-panel__img img{left:-14px;}
  .block-ps-bio-panel__right .col-50 {order: 2;}
  .block-ps-bio-panel__left .col-50 {order: 2;}
}

/* ! Block Cover */

.block-ps-cover{display: flex; align-items: center;position: relative}
.block-ps-cover:before{ content: ' '; background: #000;opacity: 0.5; position: absolute; top:0; left:0; width: 100%;height: 100%;z-index: 0}
.block-ps-cover .grid{max-width: 1180px; width: 100%; margin: 0 auto; padding: 200px 0 150px 0;}


/* ! Block News Panel */
article a{text-decoration: none;}

.headline-news{
  display: block;
margin: 0 auto;
text-align: center;
padding: 25px;
margin-top: 30px;}

.news-block{
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 25px;
  margin-top: 30px;
  margin-bottom: 400px;
}
.news-block a{color: var(--black);background: var(--yellow);text-align: center;display: inline-block;padding: 10px;text-decoration: none;}

.news-container{
  display:flex;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
}
.news-card{
  position: relative;
  background: var(--black);
  width: 270px;
  margin: 25px;
  border-radius: 15px;
  transition: all .3s ease;
}

.news-card:hover{
  background: var(--white);
  color:var(--black);
  cursor: pointer;
  transform: scale(1.03);
}
.news-card:hover h2{
color:var(--yellowW);
}
.news-card:hover .news-btn{
transform: scale(1.03);
background: var(--black);
color:var(--white);
}
.news-card:hover .news-btn a{
color:var(--white);
}

.news-image{background: var(--black);background-size: cover;width: 100%;border-radius: 15px 15px 0 0;margin-bottom: 15px;}
.news-image img{width: 100%;object-fit: cover;height: auto;}
.news-title h2{color:var(--yellow);padding-left: 5px;font-size: 28px;}
.news-expt{height: 135px;padding-left: 5px;}
.news-btn{background: var(--white);width: 110px;clip-path: polygon(0 0, 100% 0, 76% 100%, 0% 100%);}
.news-btn a{color: var(--black);text-align: center;display: block;padding: 10px;text-decoration: none;}

@media (max-width: 768px) {
  .block-ps-latestnews .headline-news .headline b{font-size: 45px;}
  .block-ps-latestnews .news-block{margin-bottom: 100px;}
  .news-block a{display:block;}
}


/* ! Block Moto Panel */
.moto-container{
display: flex;justify-content: center;flex-wrap: wrap;margin: 0 auto;}

.moto-img{display:block;width: 699px;}
.moto-img img{display:block;width: 100%;height: auto;object-fit: cover;}

.inner ul {
    padding: 20px 0 20px 100px;
    display: inline-block;
    color: var(--black);
}
.inner ul li {
    padding: 5px;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    list-style-image: url(img/icons/arrow-right.svg);
}

.inner {position: relative;
background: var(--yellow);
padding: 20px;
border-radius: 5px;
width: 600px;
clip-path: circle(5% at 8.5% 7.5%);
transition: all 0.5s ease-in-out;
cursor: pointer;
left: -16px;
}

 .inner:hover {
	 clip-path: circle(75%);
	 background: var(--yellow);
}
 .inner h1 {
	 color: var(--black);
   margin: 10px 0;
}
 .inner p {
	 color: white;
	 font-size: 0.8rem;
}
 .inner span {
	 float: left;
	 color: var(--black);
	 font-weight: bold;
	 transition: color 0.5s;
	 position: relative;
	 margin:1.5% 3.5%;
   font-size: 35px;
}
/* .inner:hover span {
  color: rgba(255, 255, 255, 0);
} */

@media (max-width: 1000px) {
  .inner{margin: 10px;left:0}
  .inner h1 {font-size: 30px;margin: 40px 0 0 20px;}
  .inner{clip-path: none;}
  .inner ul{padding: 15px 0 20px 50px;}
  .inner ul li{padding: 5px;font-size: 15px;}
  .inner span {color: rgba(255, 255, 255, 0);margin: -1.5% 0.5%;}
  .block-ps-moto{margin-bottom: 100px!important;margin-top: 100px;}
}






/* ! Footer */
.footer{background: var(--black);min-height: 300px; color:var(--white); margin-top: 100px;padding-top: 50px;padding-bottom: 50px;border-top: 0.5px solid var(--yellowT)}
.footer-logo{display: block;width: auto;height: 150px;margin: 0 auto;}









/* ! Grid System */

.grid { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}

.col{ flex: 1;}

.grid [class*='col'] { position: relative;padding: 0 15px;}


.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-90{ width: 90%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {

  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-50 { width: 50%; }
  .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
  .grid [class*='col'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-33 { width: 33.33%; }
  .sma-50 { width: 50%; }
  .sma-100 { width: 100%; }

  .sma-hide{display:none}
}

/* Nested Grid */
.grid .grid{
  margin-left: -15px;
  margin-right: -15px;
}



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/* ! Animations */

.fade-left{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(-100px);transition-delay: 0s; display: block;will-change: transform, opacity; }
.fade-left.is-inview{opacity: 1;transform: translateX(-0px)}

.img-left{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(-850px);transition-delay: 0s; display: block;will-change: transform, opacity;}
.img-left.is-inview{opacity: 1;transform: translateX(-224px)}

.fade-right{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(100px);transition-delay: 0s; will-change: transform, opacity; }
.fade-right.is-inview{opacity: 1;transform: translateX(0px)}

.fade-up{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(50px);transition-delay: 0s; will-change: transform, opacity; }
.fade-up.is-inview{opacity: 1;transform: translateY(0px)}

.fade-down{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(-50px);transition-delay: 0s; will-change: transform, opacity; }
.fade-down.is-inview{opacity: 1;transform: translateY(0px)}

.fade{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s; will-change: transform, opacity; }
.fade.is-inview{opacity: 1;}

.text-reveal{overflow: hidden;display: block;}
.text-reveal b{display: inline-block;will-change: transform; transform: translate3d(0,100%,0); transition: all 1s cubic-bezier(.4, .0, .0, 1);}
.text-reveal.is-inview b{transform: none;}


/* ! Scroll Down */
.scroll-down-icon{width: 100px; height: 100px;position: absolute;bottom: 0; left:50%; margin-left: -50px;display: block;}
.line-center{background: #fff; width: 3px; height: 0px; opacity: 0;position: absolute;left:50%; margin-top: 10px; animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite; }
.line-center span{position: absolute;bottom:-20px;width: 100px;display: block;left:-50px;text-align: center;color:#fff; text-transform: uppercase;font-size: 11px;}

@keyframes vertical_line_growth {
  0% { height: 0; opacity: 0;}
  20% { height: 0; opacity: 0;}
  40% { height: 0; opacity: 1;}
  60% { height: 30px; opacity: 1;}
  80% { height: 30px; opacity: 1;}
  100% { height: 30px; opacity: 0;}
}



.delay-1{transition-delay: .1s!important}
.delay-2{transition-delay: .2s!important}
.delay-3{transition-delay: .3s!important}
.delay-4{transition-delay: .4s!important}
.delay-5{transition-delay: .5s!important}
.delay-6{transition-delay: .6s!important}
.delay-7{transition-delay: .7s!important}
.delay-8{transition-delay: .8s!important}
.delay-9{transition-delay: .9s!important}
.delay-10{transition-delay: 1s!important}
.delay-11{transition-delay: 1.1s!important}
.delay-12{transition-delay: 1.2s!important}
.delay-13{transition-delay: 1.3s!important}
.delay-14{transition-delay: 1.4s!important}
.delay-15{transition-delay: 1.5s!important}
.delay-16{transition-delay: 1.6s!important}
.delay-17{transition-delay: 1.7s!important}
.delay-18{transition-delay: 1.8s!important}
.delay-19{transition-delay: 1.9s!important}
.delay-20{transition-delay: 2s!important}


/* ! Helpers */
.m-0 { margin: 0 !important; }
.m-1 { margin: 20px; }
.m-2 { margin: 50px; }
.m-3 { margin: 100px; }
.m-4 { margin: 180px; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 20px; }
.mt-2 { margin-top: 50px; }
.mt-3 { margin-top: 100px; }
.mt-4 { margin-top: 180px; }
.mt-5 { margin-bottom: 230px; }
.mt-6 { margin-bottom: 300px; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 20px; }
.mb-2 { margin-bottom: 50px; }
.mb-3 { margin-bottom: 100px; }
.mb-4 { margin-bottom: 180px; }
.mb-5 { margin-bottom: 230px; }
.mb-6 { margin-bottom: 300px; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 20px; }
.ml-2 { margin-left: 50px; }
.ml-3 { margin-left: 100px; }
.ml-4 { margin-left: 180px; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 20px; }
.mr-2 { margin-right: 50px; }
.mr-3 { margin-right: 100px; }
.mr-4 { margin-right: 180px; }

@media (max-width: 767px) {
  .m-4 { margin: 100px; }
  .mt-4{margin-top: 100px}
  .ml-4 { margin-left: 100px; }
  .mr-4 { margin-right: 100px; }
  .mb-4 { margin-bottom: 100px; }

  .mt-sma-0{margin-top: 0;}
  .mt-sma-1{margin-top: 20px;}
  .mt-sma-2{margin-top: 40px;}
  .mt-sma-3{margin-top: 80px;}

  .mb-sma-0{margin-bottom: 0;}
  .mb-sma-1{margin-bottom: 20px;}
  .mb-sma-2{margin-bottom: 40px;}
  .mb-sma-3{margin-bottom: 80px;}
}


.img-res{width: 100%;}
.padding-all{padding: 20px;}
.page-min-height{min-height: 101vh}
.display-none{display: none;}
.max-width{max-width: 1600px; margin: 10px auto;}
.text-center{text-align: center;}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white p{color:#fff}

.text-white .button{color:#fff; border-color: #fff}

.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4,
.text-center p{text-align: center;}