/*
Theme Name: STAR 
Theme URI: http://starriley.com
Author: Cybercom Digital
Author URI: http://cybercomdigital.com
version 1.0
Description: Star's Theme
Mint: #3EB489 Turquoise: #58d1b7 Raisin Black: #2E282A Antiflash White: #F3F3F4 Blue: #2176FF
*/
header, nav, main, footer, article, section, aside {
  display: block;
  margin: 0;
  padding: 0;
}
*, *::before, *::after {
	box-sizing: border-box;
	margin-top: 0;
}
html {
  width: 100%;
  height: 100%;
  min-height: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: visible;
}
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  height: 100vh;
  background: #2e282a;
  color: #f3f3f4;
  font-family: roboto;
  letter-spacing: 1px;
  font-size: calc(18px + (26 - 18) * ((100vw - 300px)/(1600 - 300)));
  line-height: calc(1.25em + (5 - 2) * ((100vw - 300px)/(1600 - 300)));
  overflow: visible;
}
.bg-base {
  background: #000;
}
.bg-second {
  background: #3eb489;
}
.bg-third {
  background: #58d1b7;
}
.bg-highlight {
  background: #f3f3f4;
}
.clr-base {
  color: #f3f3f4;
}
.clr-second {
  color: #f3f3f4;
}
.clr-third {
  color: #2e282a;
}
.clr-highlight {
  color: #2e282a;
}
h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 12em;
  line-height: .4;
}
h2 {
  font-size: 3.75em;
}
h3 {
  font-size: 2.25em;
}
h4 {
  font-size: 1.75em;
}
h5 {
  font-size: 1.25em;
}
p {
  font-size: 1.4em;
  line-height:1.2;
}
.glow {
  color: #3eb489;
  text-align: center;
  animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 2px #f3f3f4, 0 0 5px #f3f3f4, 0 0 10px #58d1b7, 0 0 20px #58d1b7, 0 0 30px #58d1b7, 0 0 40px #58d1b7;
  } 
  to {
    text-shadow: 0 0 5px #f3f3f4, 0 0 10px #3EB489, 0 0 20px #3EB489, 0 0 30px #3EB489, 0 0 40px #3EB489, 0 0 50px #3EB489;
  }
}
a, a:visited {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}
li {
  text-decoration: none;
  list-style-type: none;
}
li.menu-item {
  display: inline-flex;
  padding: 10px .5vw;
}
/* This sets the hamburger menu color */
.navbar-toggler-icon {
  color: #f3f3f4;
}
.heropic {
	background-image: url(images/relaxed.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:100vh;
}