html {
	height: 100%; 
	background-color: #080809;
	scroll-behavior:smooth
}

body {
	font-family: 'Poppins', sans-serif; 
    min-height:100%; 
    position:relative; 
}
.footer { 
    position: sticky; 
    left: 0 ; right: 0; bottom: 0; 
	background-color: #080809;
	padding: 0vw;
	box-sizing: border-box;
}
#footer {
	opacity: 0;
	transition: opacity 0.3s ease-in;
	background-color: rgba(8, 8, 9, 1);
}

nav li{
    display: inline-block;
    margin: 0;
    padding: .75vw 2vw .6vw 2vw
}

.show-footer {
  opacity: 1 !important;
}

.footer a {
	font-size: 70%;
	color: #fff;
}
.footer a:hover {
	color: hsl(205, 10%, 50%)
}

h1 {
	font-weight: 400;
}

h1, h2, h3, h4, h5, a, p {
	font-family: 'Poppins', sans-serif; 
}

h2, h3, h4, h5, h6 {
	font-weight:400;
}

.container-fluid {
	max-width: 1250px;
	padding: 1vw 4vw 1vw 4vw
}

.bump {
	margin-top: 20px;
}

p {
	text-align: justify
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.right {
     transition: 0.2s ease;
}

.left {
     transition: 0.2s ease;
}
.right:hover {
	  margin-left: 20px;
	  transition: opacity 0.3s ease-in;
}

.left:hover {
	margin-left: -20px;
}

.grid {
    grid-column-gap: 3vw;
}

.tops {
    position: sticky;
    top:0;
   width: 100%;
	text-align: center;
	margin: 0 auto;
     background-color: rgba(8, 8, 9, 1);
}
.tops nav {
    padding: 0vw 4vw 0vw 4vw;
       max-width: 1250px;
       margin: 0 auto;
}

.size-18{
width: 16px !important;
height: 16px !important;
}

.talent li {
    display: inline-block;
    margin: 0;
    padding: 1vw !important;
}

.talent
    {
    justify-content: left;
    width: 100%;
    margin: 0 auto;
    background-color: transparent;
    padding: 0vw;
    }
    
.talentio hgroup
{
    margin-bottom:10px;
}