body, html {
  height: 100%;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4rem;
}

p {
	margin-bottom: 10px;
}

a {
	color: #000;
}

a.textlink {
	text-decoration: underline;
}

a:hover {
	color: #efaa1f;
	text-decoration: none;
}

ul.slashbullets {
  padding-left: 0.4rem;
}

.slashbullets li {
	margin-bottom: 8px;
	padding-inline-start: 1rem;
	list-style-type: "/";
}

li::marker {
  color: #3bdbcf;
  font-weight: 700;
}

.small {
	font-weight: 300;
	line-height: 1.2rem;
}

::selection {
  background: #3bdbcf;
  color: #000;
}

h1 {
	font: 52px/2.8rem 'Vinter Web Medium', sans-serif;
	color: #FFF;
	text-transform: uppercase;
	margin-top: 2%;
	text-align: center;
}

.about h1 {
	font-size: 45px;
	line-height: 2.4rem;
}

h2 {
	font: 50px/2.6rem 'Vinter Web Medium', sans-serif;
	color: #3bdbcf;
}

h3 {
	font-weight: 300;
	font-size: 20px;
	line-height: 1.5rem;
}

h4 {
	font: 36px/2.2rem 'Vinter Web Medium', sans-serif;
	color: #3bdbcf;
}

h6 {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2rem;
}

.tagline {
	padding-bottom: 40px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 24px;
	line-height: 1.5rem;
}








/* @group Buttons & Icons */

.btn-outline-light:hover {
    background-color: #efaa1f !important;
	border-color: #efaa1f;
	color: #FFF;
}


/* @end */





/* @group Structural */

.gap {
	margin-top: 45px;
}


/* @end */




/* @group Banners */

.banner {
	/* Full height */
	height: 100%;
}

#landingVideo {
  -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
}

.landing-logo-mob {
	background: url(../images/poly/poly-home-xs.svg);
	  
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  
}


.banner.landing {
	background: url(../images/home/leaves-bg.jpg);
	background-color: #3bdbcf;
	
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	z-index: -50;
}

.banner.about {
	background: url(../images/about/about-banner-bg.jpg);
	background-color: #fad75a;
	  
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.banner.consulting {
	background: url(../images/consulting/consulting-banner-bg.jpg);
	background-color: #07527a;
	  
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.banner.my-edge {
	background: url(../images/edge/edge-banner-bg.jpg);
	background-color: #07527a;
	  
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.banner.coaching{
	background: url(../images/coaching/coaching-banner-bg.jpg);
	background-color: #07527a;
	  
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.banner.advisory {
	background: url(../images/advisory/advisory-banner-bg.jpg);
	background-color: #fad75a;
	  
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.poly-teal {
	background: url(../images/poly/poly-teal.svg);
	
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  
}

.poly-yellow {
	background: url(../images/poly/poly-yellow.svg);
	
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  
}

.poly-lime {
	background: url(../images/poly/poly-lime.svg);
	
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  
}

.poly-chartreuse {
	background: url(../images/poly/poly-chartreuse.svg);
	
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  
}

.poly-navy {
	background: url(../images/poly/poly-navy.svg);
	
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  
}









.contact-banner {
	height: 280px;
	background-color: #3bdbcf;
}

.about.contact-banner {
	background: url(../images/about/about-contact.jpg);
	
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.edge.contact-banner {
	background: url(../images/edge/edge-contact.jpg);
	
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.consulting.contact-banner {
	background: url(../images/consulting/consulting-contact.jpg);
	
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.coaching.contact-banner {
	background: url(../images/coaching/coaching-contact.jpg);
	
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}

.advisory.contact-banner {
	background: url(../images/advisory/advisory-contact.jpg);
	
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  	
}



/* @end */






/* @group Footer */

footer {
	font-size: 14px;
	height: 250px;
}

footer a {
	color: #000;
}

footer a:hover {
	color: #efaa1f;
	text-decoration: none;
}

.social {
	margin: 0;
}

.social i {
	font-size: 18px;
}

.social .icon-substack {
	font-size: 16px;
}


/* @end */

/* @group Header */

#site-header {
	position: fixed;
	height: 70px;
	top: 0;
	width: 100%;
	z-index: 4;
	transition: all .3s ease;
	padding-top: 25px;
}


.hamburger {
	z-index: 6;
}

.hamcircle, .hamcircle:active {
	position: absolute;
	margin-left: -11px;
	margin-top: -6px;
	fill: #000;
	fill-opacity: 0;
}


@media (hover: hover) and (pointer: fine) {

.hamburger:hover svg {
	fill: #efaa1f;
	fill-opacity: 1 !important;
}

}



.navlogo {
	position: relative;
	z-index: 2 !important;
}

.landing .logo, .landing .navlogo, .slasher {
	display: none;
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */    
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  right: 0;
  top: 0;
  background-color: #3bdbcf;
  opacity: 1;
  overflow: hidden; /* Disable horizontal scroll */
  transition: 0.4s;
}

.overlay p, .overlay a, .overlay .social i {
	color: #FFF;
}

.overlay.open {
	width: 100%;
}

.overlay .menu {
	transition: 0.2s;
	opacity: 0;
}

.overlay.open .menu {
	transition: 0.4s;
	transition-delay: 0.2s;
	opacity: 1;
}

.nav-link {
	color: white;
	text-transform: uppercase;
	font-size: 30px;
	padding: 0;
	line-height: 2.2rem;
}

.nav-link:hover, .overlay a:hover, .overlay .social i:hover {
	color: #000;
	text-decoration: none;
}

/* @end */





/* Bootstrap 4 breakpoints */
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

#site-header {
	padding-top: 50px;
}

.nav-link {
	font-size: 30px;
	line-height: 2.4rem;
}

.contact-banner {
	height: 350px;
}

.landing-logo-mob {
	background: url(../images/poly/poly-home-sm.svg);
	  
  	/* Center and scale the image nicely */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;  
}









}

 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

h1 {
	font-size: 84px;
	line-height: 4rem;
}

.about h1 {
	font-size: 66px;
	line-height: 3.5rem;
}

h3 {
	font-weight: 300;
	font-size: 24px;
	line-height: 1.75rem;
}

.edge h4 {
	font-size: 40px;
	line-height: 2.4rem;
}

.gap {
	margin-top: 80px;
}

.consulticon {
	height: 40px;
	margin-bottom: 20px;
}

.ml-md-n200 {
	margin-top: -220px;
}


.landing .poly {
	float: right;
	position: relative;
}

.landing .poly img {
	width: 3500px;
}




.landing .homelogo {
	text-align: right;
	margin-top: 200px;
	position: absolute;
}

.landing .homelogo img {
	width: 400px;
	margin-right: 137px;
}


.tagline {
	padding-bottom: 90px;
	font-size: 24px;
	line-height: 1.6rem;
}

.contact-banner {
	height: 500px;
}





}

 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

h1 {
	font-size: 102px;
	line-height: 5rem;
}

.about h1 {
	font-size: 66px;
	line-height: 3.5rem;
}

h2 {
	font-size: 60px;
	line-height: 3.1rem;
	margin-bottom: 15px;
}

h4 {
	font-size: 42px;
	line-height: 2.4rem;
}

.gap {
	margin-top: 120px;
}

.tagline br {
	display: none;
}

.contact-banner {
	height: 700px;
}

}

 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}






/* Landscape devices */
@media only screen 
  and (orientation: landscape)
   {

.tagline br {
	display: none;
}


}

/* Portrait devices */
@media only screen 
  and (orientation: portrait)
   {


}






/* Shallow sizes (less than 550px high) */
@media (max-height: 550px) { 




}



/* Shallow and small device */
@media (max-height: 550px) and (orientation: landscape) { 

#site-header {
	padding-top: 25px;
}

.tagline {
	padding-bottom: 30px;
}

h1 br {
	display: none;
}

h1 {
	font-size: 54px;
	line-height: 2.7rem;
}

.about h1 {
	font-size: 46px;
	line-height: 2.7rem;
}

.slasher {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	transform: rotate(-5deg);
	transform-origin: -250% 0%;
}

.nav-link {
	font-size: 24px;
	line-height: 1.8rem;
}


}