/* css file for PPindex *?
/* Created by: Chris Hooper for New You Body Contouring, LLC */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;  
  }
  
  :root {
    --primary-color:#76A7EB; /* #CA8F74; #ccffff;  #A9FDFC; #4891ff; */
    --light-color: #FCF6B8; /* #f4f4f6; */
    --dark-color: #111;
    --secondary-color: #ccffff; /*f9f9f9; */
    --border-color: #dbdbdb;
    --body-font: 'Poppins', sans-serif;
  }
  
  body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--primary-color);
/*    background-color: #A9FDFC; /* #ccffff; #E2EFFF; #f3f3f3; #fff; */
    line-height: 1.5;
    font-size: 16px;
    overflow-x: hidden;
  }
  
  a {
    text-decoration: none;
    color: #333;
  }
  
  ul {
    list-style-type: none;
  }
  
  img {
    max-width: 100%;
  /*  display: block; */
  }

/* Utility Classes */

.container {
  max-width: 100%;
  margin: 0 0;
  padding: 0 0px;
}

.container-interior {
  max-width: 100%;
  margin: 0 0;
  padding: 15 0px;
}

.container-sm {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px;
  }

  /* Buttons */

  .btn {
    display: inline-block;
    padding: 13px 20px;
    background-color: var(--light-color);
    color: #333;
    font-weight: 600;
    text-decoration: none;
/*        border: none; */
    border: 2px solid var(--primary-color);
    cursor: pointer;
    text-align: center;
    transition: 0.5s;
}

.btn:hover {
    opacity: 0.8;
}   

.btn-primary {
    background-color: var(--primary-color);
    color: #111;
}   

.btn-dark {
    background-color: var(--dark-color);
    color: #fff;
}

.btn-block {
    display: block;
    width: 100%;
}

/* Text Classes */

.text-xxl{
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 40px 0 20px;
}

.text-xl{
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.4;
    margin: 40px 0 20px;
}

.text-lg{
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.4;
    margin: 30px 0 20px;
}

.text-md{
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.4;
    margin: 20px 0 20px;
}

.text-sm{
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1.4;
    margin: 10px 0 5px;
}

.text-sm-lt{
  font-size: 0.9rem;
  font-weight: 400;
  color:#444444;
  line-height: 1.4;
/*      margin: 10px 0 5px; */
}

.text-script-xxl {
  font-size: 3rem;
  font-weight: normal; /*400; */
  line-height: 1.4;
  margin: 2px 0 2px;
  font-family: "Dancing Script OT","Brush Script MT", "Lucinda Handwriting", Cursive;
  font-style: italic;
  color: blanchedAlmond; /*cornsilk; darkslategray; */
  text-align: left;
  text-decoration: underline;
  text-decoration-color: red;
}

.text-center {
    text-align: center;
}

/* Background */

.bg-primary {
    background-color: var(--primary-color);
    color: #fff;
}

.bg-light {
    background-color: var(--light-color);
    color: #333;
}

.bg-dark {
    background-color: var(--dark-color);
    color: #fff;
}
.bg-black {
    background-color: #000;
    color: #fff;
}

/* Hamburger Button */
.hamburger-button {
display: block;
background: none;
border: none;
cursor: pointer;
position:fixed;
top: 2vh;
right: 2vw;
/*left: 3vw; */
padding: 2px;
z-index: 1000;
}

.hamburger-button .hamburger-line {
width: 5vw;
height: 2.5vh;
background: #333;
margin: 1.5vh 0;
}

.hamburger-button.active {
right: 2vw;
}

/* Mobile Menu */
.mobile-menu {
position: fixed;
top: 13vh;
right: -100vw;
width: 13vw;
height: 50vh;
margin: 20px 0 5px 5px;
z-index: 800;
background:#2C79E0 ; /*76A7EB; 421B16; */
opacity: 0.9;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease-in-out;
}

.mobile-menu.active {
right: 0;
}

/*
.mobile-menu ul {
}
*/
.mobile-menu ul li {
margin: 2vh 0 0 3vw;
}

.mobile-menu ul li a {
font-size: 1.0rem;
font-weight: 800;
transition: 0.3s;
}

.mobile-menu ul li a:hover {
font-size: 1.2rem;
transition: 0.3s;
color:red;
}

/********** Back to top button **********/
#pagewrap {
margin: 0 auto;
/*	width: 1000px; */
/*	padding-left: 150px; */
position: relative;
}

#back-top {
position: fixed;
bottom: 2vh;
left: 90vw;
}

#back-top a {
width: 6vw;
display: block;
z-index: 1000;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

#back-top a:hover {
color: #000;
}

/* arrow icon (span tag) */

#back-top span {
width: 7vw;
height: 7vw;
display: block;
z-index: 1000;
background: url("../images/PageTopGray2.png") no-repeat center center;
background-size: contain;
/* rounded corners */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* background color transition */
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}

#back-top a:hover span {
background: url("../images/PageTopRed2.png") no-repeat center center;
background-size: contain;
}

/********** End Back to top button **********/

.landing {
    position:relative;
    top: -1.3vh;
    left: 0vw;
    align-items: center;
    width: 100vw;
    height: 101.3vh;
    background-image: url('../images/ElementsOfStrategy3.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
}

.landing h1{
    position: relative;
    top: 2vh;
    left: 5vw;
    font-size: 2.1rem;
    font-weight: 700;
    color:black;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 2px #fff;
}
    .landing h2 {
    font-size: 1.7rem;
    font-weight: 700;
    color: black;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0rem;
    text-decoration: underline;
}
.landing p{
    position: relative;
    left: 5vw;
    width: 95vw;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: 700;
    color: black;
    text-align: left;
}
.landing .titleBox {
	position: relative;
	top: 15px; 
	left: 25px; 
	height: 90px;
	width: 200px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 900;
	line-height: 23px;
	text-align: center;
	color: #000;
}

.landing .pictureBox {
	position: relative;
	top: 10px; 
	left: 45px; 
	height: 250px;
	width: 200px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 900;
	line-height: 23px;
	text-align: center;
	color: #FFF;
}

.landing .bioBox {
	position: relative;
	top: -240px; 
	left: 300px; 
	height: 400px;
	width: 800px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.2rem;
	text-align: center;
	color: #FFF;
}

.landing h2.contentGeneral {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: black;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0rem;
    text-align: center;
    text-decoration: none;
    text-align: justify;
  }

.SvcsContainer {
    display: inline-grid;
    grid-template-columns: 30vw 30vw 30vw;
    /*background-color:#6A9FE5; /*#76A7EB; */
    position: relative;
    top: 0.25vh;
    left: 4.5vw;
    padding: 0.5%;
  }
  
  .SvcsContainer > div {
    /*background-color: #6A9FE5; */
    /*border: 1px solid black; */
    /*padding: 1%; */
    font-size: 1.2rem;
    font-weight: 750;
    text-align: left;
  }
  .SvcsContainer2 {
    display: inline-grid;
    grid-template-columns: 36vw 57vw;
    /*background-color:#6A9FE5; /*#76A7EB; */
    position: relative;
    top: 0.25vh;
    left: 4.5vw;
    padding: 0.5%;
  }
  
  .SvcsContainer2 > div {
    /*background-color: #6A9FE5; */
    /*border: 1px solid black; */
    /*padding: 1%; */
    font-size: 1.1rem;
    font-weight: 750;
    text-align: left;
  }

  .landingT{
    position:relative;
    top: -3vh;
    left: 0vw;
    align-items: center;
    width: 100vw;
    height: 30vh;
    background-image: url('../images/TeamWords.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
}

.landingT .symbology {
    position: absolute;
    top: -10vh;
    left: 0vw;
    width:100vw;
    height: 20vh;
    font-size: 2.1rem;
    font-weight: 700;
    color:black;
    text-align: left;
    margin-top: 0rem;
    margin-bottom: 1rem;
/*    padding-top: 2rem; */
    background-image: url('../images/PraemonText0325.png');
    background-size: cover;
    background-repeat: no-repeat; 
}
    .landingT h1 {
    position: relative;
    top: 7vh;
    left: 5vw;
    font-size: 2.3rem;
    font-weight: 700;
    color: #404040;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 2px #fff;
}

.landingT h2 {
    position: relative;
    top: 4vh;
    left: 5vw;
    font-size: 1.3rem;
    font-weight: 700;
    color: #404040;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 2px #fff;
    text-decoration: none;
}

.landingT h3 {
  position: relative;
  top: -6vh;
  left: 45vw;
  font-size: 2.0rem;
  font-weight: 700;
  color: #AEAEAE;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
/*  text-shadow: 2px 2px 2px #fff; */
  text-decoration: none;
}

.landingT p{
  position: relative;
  left: 5vw;
  width: 95vw;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700;
  color: black;
  text-align: left;
}

.landingT .socials {
  position: absolute;
  top: 20vh;
  left: 89vw;
  width: 9vw;
  height: 6vh;
  background-color: #fff;
}

.landingT .socials a.fb {
	position: relative;
	top: 0.5vh;
  left: 0.3vw;
	text-decoration: none;
}

.landingT .socials a.tw {
	position: relative;
	top: 0.5vh; 
  left: 0.4vw;
  text-decoration: none;
}

.landingT .socials a.em {
	position: relative;
	top: 0.5vh;
  left: 0.5vw;
  text-decoration: none;
}

/* Content Section */ 

.content {
  position:relative;
  top: -1.3vh;
  left: 0vw;
  align-items: center;
  width: 100vw;
/*  background-color: #f0f0f0;
  background-image: url('../images/ElementsOfStrategy3.jpg');
  background-size: cover;
  background-repeat: no-repeat; */
}
    
.content .content-container {
  position: relative;
    top: 0vh;
    left: 5vw;
  height: 60vh;
  width: 85vw;
/*  background: #331a00; /* #4d0000 #70490f #895506 #8B4513 */
  font-size: 1.5rem;
  font-weight: normal;
  color: white;
  text-align: center;
}

.content h1 {
  position: relative;
  top: 2vh;
  left: 5vw;
  font-size: 2.1rem;
  font-weight: 700;
  color:black;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 2px #fff;
}

.content h2 {
  font-size: 1.7rem;
  font-weight: 700;
  color: black;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0rem;
  text-decoration: underline;
}

.content h2.contentGeneral {
  position: relative;
  left: 5vw;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: black;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0rem;
  text-decoration: none;
}

.content p{
  position: relative;
  left: 5vw;
  width: 95vw;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700;
  color: black;
  text-align: left;
}





/* About Section */ 

.about {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    position: relative;
    top: 0vh;
    left: 0vw;}
  
  .about .container-interior {
/*    position: relative;
    top: 0vh;
    left: 0vw;
 /*   background: url("../images/ElementsOfStrategy2.jpg") no-repeat;
    background-size: cover; /*contain; */
/*    background-position: top left; /*center bottom;
    background-color: #76A7EB; */
    background-image: url('../images/ElementsOfStrategy3.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
    height: auto; /* 560px; */
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 500;
  }
  
  .about h1 {
    position: relative;
    top: 2vh;
    left: 5vw;
    font-size: 2.1rem;
    font-weight: 700;
    color:black;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 2px #fff;
    }
  
  .about h2 {
    position: relative;
    top: 4vh;
    /* margin:0; */
    /* padding:0; */
    left: 3vw;
    width: 90vw;  /*  900px; */
    height: auto;
    font-size: 1.3em;
    font-weight: 700;
    color:black;
  }
  
  .about p {
    position: relative;
    top: 3vh;
    /* margin:0; */
    /* padding:0; */
   left: 3vw;
   width: 90vw;  /*  900px; */
   height: auto;
   line-height: 1.2;
   font-size: 1.1em;
  font-weight: 700;
  color:black; /*  darkslategray; blanchedAlmond; darkslategray; */
  }

/******  Services Section ******/
.services {
    position: relative;
    top: 0vh;
    left: 0vw; 
    width: 100vw;
    height: 160vh;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: 'Poppins', sans-serif;
    background-image: url('../images/ElementsOfStrategy3.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
    min-height: 100vh;
/*    background-position: center center; */
    background-color: #000;  
}

.services h1{
  position: relative;
  top: 2vh;
  left: 5vw;
  font-size: 2.1rem;
  font-weight: 700;
  color:black;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 2px #fff;
}

.services p{
  position: relative;
  left: 5vw;
  width: 95vw;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700;
  color: black;
  text-align: left;
}

.services .SvcsContainer2 {
  display: inline-grid;
  grid-template-columns: 36vw 57vw;
  /*background-color:#6A9FE5; /*#76A7EB; */
  position: relative;
  top: 0.25vh;
  left: 4.5vw;
  padding: 0.5%;
}

.services .SvcsContainer2 > div {
  /*background-color: #6A9FE5; */
  /*border: 1px solid black; */
  /*padding: 1%; */
  font-size: 1.1rem;
  font-weight: 750;
  text-align: left;
}


/************ Customers Begins *************/

.customers .customers_container {
  position: relative;
  top: 0vh; /* -15vh; */
  left: 0vw; /*-3vw; */
  margin: -1vw 0vw 0vw -2vw; /* top right bottom left */
/*   margin: -20px 0px 0px -20px; */
/*  padding: 3vh 0vw 0vh 3vw; /* top right bottom left */
background: url("../images/WordsBackground01.png");
  height: 102vh;
  width: 102vw;
/*    min-height: 100vh;
    min-width: auto; /* 100vw; */
background-attachment: scroll; /*fixed;*/
background-position: left top; /* center center; */
background-repeat: no-repeat;
background-size: cover;
}

.customers .customers_slide_container {
  position: absolute;
  left: 28vw;
  top: 40vh;
 background: url("../images/CustomerKudos01.png");
  width: 45vw;
  height: 45vh;
/*      min-height: 45vh; */
background-size: contain;
background-position: center;
background-repeat: no-repeat;
/*  background-attachment: scroll; *//*fixed;*/
}

.customers .customers_slide {
  position: absolute; /* relative; */
  left: 28vw;
  top: 40vh;
/*    overflow: visible hidden; */
/*    -webkit-overflow-scrolling: touch; */
  width: 45vw;
  height: 45vh;
/*   background-image: url("NY_images/CustomerKudos01.png"); */
  background-size: contain; /*cover  contain; */
  background-position: center; /*50% 50%;*/
  background-repeat: no-repeat;
      -webkit-animation: anm02 80s infinite 0.01s forwards;
      -moz-animation: anm02 80s infinite 0.01s forwards;
          animation: anm02 80s infinite 0.01s forwards;
        -webkit-animation-timing-function: cubic-bezier(0,1,0,1);
        -moz-animation-timing-function: cubic-bezier(0,1,0,1);
             animation-timing-function: cubic-bezier(0,1,0,1); 
      /* -webkit-animation-steps: 5;
               animation-steps: 5; */
/*         -webkit-animation-iteration-count: infinite;
               animation-iteration-count: infinite;
        -webkit-animation-fill-mode: forwards;
               animation-fill-mode: forwards;
*/
}

@-webkit-keyframes anm02{
  0%{
      background-image: url('../images/CustomerKudos01.png');
  }
  25%{
      background-image: url('../images/CustomerKudos02.png');
  }
/*
  58%{
      background-image: url('../NY_images/CustomerKudosBlank.png');
  }
*/
  50%{
      background-image: url('../images/CustomerKudos03.png');
  }
  75%{
      background-image: url('../images/CustomerKudos04.png');
  }
  100%{
      background-image: url('../images/CustomerKudos01.png');
  }
}

@keyframes anm02{
  0%{
      background-image: url('../images/CustomerKudos01.png');
  }
  25%{
      background-image: url('../images/CustomerKudos02.png');
  }
/*
  58%{
      background-image: url('RR_images/CustomerKudosBlank.png');
  }
*/
  50%{
      background-image: url('../images/CustomerKudos03.png');
  }
  75%{
      background-image: url('../images/CustomerKudos04.png');
  }
  100%{
      background-image: url('../images/CustomerKudos01.png');
  }
}

@-moz-keyframes anm02{
  0%{
      background-image: url('../images/CustomerKudos01.png');
  }
  25%{
      background-image: url('../images/CustomerKudos02.png');
  }
/*
  58%{
      background-image: url('../NY_images/CustomerKudosBlank.png');
  }
*/
  50%{
      background-image: url('../images/CustomerKudos03.png');
  }
  75%{
      background-image: url('../images/CustomerKudos04.png');
  }
  100%{
      background-image: url('../images/CustomerKudos01.png');
  }
}

.customers h1 {
position: relative;
top: 3vh;
font-size: 4.5rem;
font-weight: bold;
color: darkslategray;
text-align: center;
text-decoration:none; /*underline; */
}

.customers h2 {
  position: relative;
  top: 3vh;
  left: 0vw;
/*  background: #000000; */ 
font-size: 3.0rem;
font-weight: bold;
color: darkslategray;
text-align: center;
}

.customers h3 {
  position: relative;
  top: 30vh;
  left: 20vw;
/*  background: #000000; */ 
font-size: 2rem;
font-weight: normal;
color: lightgray;
text-align: center;
}

/************ Fractional Exec Begins *************/

.fractional .fractional_container {
  position: relative;
  top: -2vh; /* -15vh; */
  left: 0vw; /*-3vw; */
  margin: -1vw 0vw 0vw -2vw; /* top right bottom left */
/*   margin: -20px 0px 0px -20px; */
/*  padding: 3vh 0vw 0vh 3vw; /* top right bottom left */
background: url("../images/WordsBackground01.png");
  height: 102vh;
  width: 102vw;
/*    min-height: 100vh;
    min-width: auto; /* 100vw; */
background-attachment: scroll; /*fixed;*/
background-position: left top; /* center center; */
background-repeat: no-repeat;
background-size: cover;
}

.fractional h1 {
  position: relative;
  top: 3vh;
  font-size: 3.2rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  text-decoration:none; /*underline; */
  }
  
  .fractional img {
    position: relative;
    top: 3vh;
    left: 20vw;
    width: 60vw; /* 100%; */
    height: auto; /* 100vh; */
    margin-top: 0rem;
    margin-bottom: 1rem;
}
  /********** Contact **********/

.contact {
    /* background: #E2EFFF; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
    position: relative;
    top: 0vh;
    left: 0vw; 
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: 'Poppins', sans-serif;
    }
    
    .contact .contact_container {
        position: relative;
        /*top: 0vh; */
        /* margin:0; */
        /* padding:0; */
        left: 0vw;
        /* top right bottom left */
        margin: 0vh 0vw 0vh 0vw;
        padding: 0vmin 0vmin 0vmin 0vmin;
        background-image: url('../images/ElementsOfStrategy3.jpg');
        background-size: cover;
        background-repeat: no-repeat; 
        min-height: 100vh;
        font-family: 'Poppins', sans-serif;
        z-index: 500;
    }
  
    .contact h1 {
        position: relative;
        top: 2vh;
        left: 5vw;
        font-family: 'Poppins', sans-serif;
        font-size: 2.1rem;
        font-weight: 700;
        color:black;
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
        text-shadow: 1px 1px 1px #fff;
        }
        
    .contact p.call {
      position: absolute;
      top: 16vh;
      left: 24vw;
      font-family: 'Poppins', sans-serif;
      font-size: 2.0rem;
      font-weight: 600;
      color: black;
      text-align: center;
    }
    
    .contact p2 {
      position: absolute;
    /*  position: relative; */
        top: 16vh;
        left: 20vw;
    /*  background: #000000; */ 
      font-size: 2.0rem;
      font-weight: normal;
      color: #0D0D0D;
    /*  color: lightgray; */
      text-align: center;
    }
    
    .contact p3 {
      position: absolute;
    /*  position: relative; */
        top: 20vh;
        left: 15vw;
    /*  background: #000000; */ 
      font-size: 2.5rem;
      font-weight: normal;
      color: #0D0D0D;
    /*  color: lightgray; */
      text-align: center;
    }
    
    .contact p4 {
      position: absolute;
    /*  position: relative; */
        top: 25vh;
        left: 35vw;
    /*  background: #000000; */ 
      font-size: 2.0rem;
      font-weight: normal;
      color: #0D0D0D;
    /*  color: lightgray; */
      text-align: center;
    }
    
    .contact a.mailit {
      position: absolute;
    /*  position: relative; */
        top: 27vh;
        left: 56vw;
    }
    
  .contact a.callUs {
    position: absolute;
        top: 16vh;
        left: 65vw;
      background-color: (var(--primary-color));
      font-size: 2.0rem;
      font-weight: normal;
      color: #0D0D0D;
  }
    
  .contact a.callUs:hover {
      background-color: pink;
  }
    
    .contact .friends_container {
      position: absolute;
        top: 38vh;
        left: 32vw;
      height: 53vh;
      width: 30vw;
      background: #331a00; /* #4d0000 #70490f #895506 #8B4513 */
      font-size: 1.5rem;
      font-weight: normal;
      color: white;
      text-align: center;
    }
    
    .contact .friends_container.p5 {
      position: absolute;
    /*  position: relative; */
        top: 35vh;
        left: 25vw;
      font-size: 2.5rem;
      font-weight: bold;
      color: white;
      text-align: center;
    }
    
    .contact p5 {
      position: absolute;
    /*  position: relative; */
        top: 34vh;
        left: 28vw;
    /*  background: #000000; */
      font-size: 2.5rem;
      font-weight: bold;
      color: white;
      text-align: center;
    }
    
  /* End Contact Section */  
    
/* Footer */

.footer p {
    position:relative;
    bottom: 2vh;
    left: 75vw;
    font-size: 0.7rem;
    color: #000;
    font-weight: 600;
    padding: 1% 0;
/*    text-align: left; */
}   

.header a.fb {
	position: relative;
	right: 7vw;
	margin-top: 0vh;
  margin-left : 0vw;
	text-decoration: none;
}

.header a.tw {
	position: relative;
	right: 4vw;  
	margin-top: 0vh;
  margin-left : 0vw;
	text-decoration: none;
}

.header a.em {
	position: relative;
	right: 1vw;
	margin-top: 0vh;
  margin-left : 0vw;
	text-decoration: none;
}


/* Team */

.team {
  /* background: #E2EFFF; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
  position: absolute;
  top: 22vh;
  left: 0vw; 
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: 'Poppins', sans-serif;
  background-color: #000;  
}
  
/*  .team .contact_container {
      position: relative;
      /*top: 0vh; */
      /* margin:0; */
      /* padding:0; */
/*      left: 0vw;
      /* top right bottom left */
/*      margin: 0vh 0vw 0vh 0vw;
      padding: 0vmin 0vmin 0vmin 0vmin;
      background-color: #000;  
/*      background-image: url('../images/ElementsOfStrategy3.jpg');
      background-size: cover;
      background-repeat: no-repeat; 
      min-height: 100vh;
      font-family: 'Poppins', sans-serif;
      z-index: 500;
  }
*/

  /* Media Queries */

  @media (max-width: 960px) {
    .text-xxl {
      font-size: 2.5rem;
    }
  }
  @media (max-width: 500px) {
    .text-xxl {
      font-size: 2rem;
    }
 
.btn {
    padding: 8px 16px;
  }
      .hero .hero-buttons .btn {
        top: 50vh;
        left: 20vw;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        border-color: red;
        border-width: 5px;
   }
/*    
      .mobile-menu ul {
        margin-top: 40px
  /*      margin-top: 100px; */
  /*      padding-right: 10px;
      }
      
  /*    .mobile-menu ul li {
        margin: 10px 0;
      }
      
      .mobile-menu ul li a {
        font-size: 15px;
        transition: 0.3s;
      }
  
    /* Text */
    
    .text-xl {
        font-size: 1.5rem;
      }

      .text-lg {
        font-size: 1.3rem;
      }
    
      .text-md {
        font-size: 0.9rem;
      }
  
      #back-top span {
        display: none;
    }
  
/*  Contact Section */

    .contact p1 {
        font-family: Oleo Script Swash Caps;  
        top: 5vh;
        left: 25vw;
        font-size: 1.2rem;
      }
      
      .contact p2 {
        position: absolute;
            top: 13vh;
            left: 30vw;
        font-size: 1.0rem;
      }
     
    .contact p4 {
      position: absolute;
        top: 25vh;
        left: 35vw;
      font-size: 1.0rem;
    }
  
      .contact a.callUs {
        position: absolute;
            top: 18vh;
            left: 37vw;
            font-size: 1.0rem;
          } 
     
    .contact a.mailit {
      position: absolute;
        top: 30vh;
        left: 44vw;
    }
          
  .contact .friends_container {
    position: absolute;
      top: 40vh;
      left: 15vw;
    height: 35vh;
    width: 65vw;
    font-size: 0.8rem;
    font-weight: normal;
    color: white;
    text-align: center;
    line-height: 1.4rem;
  }  
}
  /* End of 500 Media Query */    
      
/* end css file for PPindex */