html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*, *:before, *:after {
  box-sizing: inherit;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.loader_container{
  text-align: center;
}
/*Loader*/
.loader {
  margin: 60px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  color:black;
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #0b0804, 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.5), -1.8em -1.8em 0 0em rgba(11,8,4, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.7), 1.8em -1.8em 0 0em #0b0804, 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.5), 1.8em -1.8em 0 0em rgba(11,8,4, 0.7), 2.5em 0em 0 0em #0b0804, 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.5), 2.5em 0em 0 0em rgba(11,8,4, 0.7), 1.75em 1.75em 0 0em #0b0804, 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.5), 1.75em 1.75em 0 0em rgba(11,8,4, 0.7), 0em 2.5em 0 0em #0b0804, -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.5), 0em 2.5em 0 0em rgba(11,8,4, 0.7), -1.8em 1.8em 0 0em #0b0804, -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.5), -1.8em 1.8em 0 0em rgba(11,8,4, 0.7), -2.6em 0em 0 0em #0b0804, -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.5), -2.6em 0em 0 0em rgba(11,8,4, 0.7), -1.8em -1.8em 0 0em #0b0804;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #0b0804, 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.5), -1.8em -1.8em 0 0em rgba(11,8,4, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.7), 1.8em -1.8em 0 0em #0b0804, 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.5), 1.8em -1.8em 0 0em rgba(11,8,4, 0.7), 2.5em 0em 0 0em #0b0804, 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.5), 2.5em 0em 0 0em rgba(11,8,4, 0.7), 1.75em 1.75em 0 0em #0b0804, 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.5), 1.75em 1.75em 0 0em rgba(11,8,4, 0.7), 0em 2.5em 0 0em #0b0804, -1.8em 1.8em 0 0em rgba(11,8,4, 0.2), -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.5), 0em 2.5em 0 0em rgba(11,8,4, 0.7), -1.8em 1.8em 0 0em #0b0804, -2.6em 0em 0 0em rgba(11,8,4, 0.2), -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.5), -1.8em 1.8em 0 0em rgba(11,8,4, 0.7), -2.6em 0em 0 0em #0b0804, -1.8em -1.8em 0 0em rgba(11,8,4, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(11,8,4, 0.2), 1.8em -1.8em 0 0em rgba(11,8,4, 0.2), 2.5em 0em 0 0em rgba(11,8,4, 0.2), 1.75em 1.75em 0 0em rgba(11,8,4, 0.2), 0em 2.5em 0 0em rgba(11,8,4, 0.2), -1.8em 1.8em 0 0em rgba(11,8,4, 0.5), -2.6em 0em 0 0em rgba(11,8,4, 0.7), -1.8em -1.8em 0 0em #0b0804;
  }
}


body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1{
  font-size:2.4rem;
}
svg{
  stroke:lightslategray;
  margin:0 5px 0 0;
  height:14px;
  width:14px;
}
.wrapper{
  width:98%;
  max-width:1000px;
  margin:0 auto;
}
a{
  color:black;
  line-height: 20px;
}
a:hover{
  text-decoration: underline;
  text-decoration-color:#007991;
}
header{
  display:flex;
  justify-content: space-between;
  align-items:end;
  padding: 5px 10px;
  margin:0 auto;
  border-bottom:1px solid #333;
  background:#222E50;
  position: sticky;
  position: -webkit-sticky;
  top: 0; /* required */
  z-index: 10;
}

ul li{
  display:inline-block;
}
.nav_items li{
  display:none;
}
.logo{
  width:180px;
  padding:10px;
}
.title > h1{
  font-size:1.6rem;
  line-height: 38px;
}
.input_container{
  display:none;
}
.input_container span{
  font-size:0.8rem;
}
button:hover{
  box-shadow: rgba(0,0,0,.1) 0 .5rem 1rem;
}
.input_container a{
  text-align: center;
  display:block;
  margin:15px 0;
  color:rgb(22, 139, 207);
}
h2{
  margin-bottom:0;
}
input{
  border-radius:6px !important;
  background:white;
  border:2px solid #292057;
  width:100%;
  display:block;
  margin:10px 0 !important;
  font-size:18px;
  padding:1.1em;
}
input::placeholder{
  color:#7d7c82;
}
u{
  Color:rgb(50, 46, 54);
  text-decoration: none;
}
input:focus{
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  background-image: none;
  background-position: right 16px top 50%;
  background-repeat: no-repeat no-repeat;
  border-radius: .5rem;
  box-shadow: rgba(0,0,0,.08) 0 .5rem 1rem;
  box-sizing: border-box;
  color: #2d2d2d;
  outline: 0;
  outline-offset: 0;
  border: 2px solid #007991;
  background:#acf1ff21;
}
hr{
  border:1px solid whitesmoke;
  margin-bottom:2rem;
  width:90%;
}
input::placeholder{
  font-size:1.1rem;
}
.mobile{
  text-align:center;
  color:rgb(70, 68, 68);
}
.desktop{
  display:none;
}
.nav_button{
  font-size: 14px;
  font-weight: 600;
  /* color: white; */
  border-radius: 5px;
  border: none;
  text-align: center;
  display: block;
  background:#007991;
  padding: 10px;
  text-decoration: none;
  cursor: pointer;
  color: #ffffff;
}
.jobslot{
  margin:1rem auto;
}
.mediadotnet{
  background-image: url("../img/uber.jpg");
  background-color: black; 
  height: 200px; 
  background-position: center;
  background-repeat: no-repeat; 
  background-size:contain;
  margin:0 auto;
}
.input_container_button{
  font-size:18px;
  font-weight: 600;
  padding:1.1em;
  display:block;
  width:100%;
  background:#007991;
  color:white;
  border-radius:5px;
  border:none;
  cursor: pointer;
  margin:20px 0;
}
.hero{
  height:250px;
  background-position:bottom;
  background-image: 
  linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.35)), 
  url('../img/hero2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  color:white;
  position: relative;
  border-radius: 3px;
}
.hero_text{
  text-align: center;
  position: absolute;
  top:40%;
  left:50%;
  transform: translate(-50%,-50%);
  color: #fff;
  width: 80%;
}
.signup{
  width:95%;
  margin:3rem auto;
  border:3px solid #007991;
  background: #00799121;
  padding:2rem 0;
  text-align: center;
  position: relative;
}
.signup_content{
  width:80%;
  margin:0 auto;
}
.signup_button{
  font-size:18px;
  font-weight: 600;
  padding:1.1em;
  display:block;
  width:100%;
  background:#439A86;
  color:white;
  border-radius:5px;
  border:none;
  cursor: pointer;
}
.signup.input_container_button{
  background:red;
}
.icon{
  position: absolute;
  max-width: 48px;
  top: -30px;
  display: block;
  /* left: 235px; */
  left: 47%;
}
.articles{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.article_title{
  display: block;
  margin:10px 0;
  font-size:20px;
}
.col{
  margin:1rem 0;
}

.articles h2:after{
  content: "";
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 5px;
  position: absolute;
  background: rgb(43, 0, 255);
}
.category{
  color:white;
  padding:10px;
  border-radius:2px;
  font-size:20px;
  font-weight: bold;
  text-decoration: none;
  margin:10px 0;
  display: block;
  max-width:100px;
  text-align: center;
}
.jobs{
  background:#439A86;
  border-radius: 15px 0 15px 0;
}
.career{
  background:#007991;
  border-radius: 10px 0 10px 0;
}
.life{
  background:#222E50;
  border-radius: 10px 0 10px 0;
}
.image1{
  height:300px;
  background-image: url('../img/article-image-1.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.image2{
  height:300px;
  background-image: url('../img/article-image-2.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.image3{
  height:300px;
  background-image: url('../img/article-image-3.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sidebar{
  display: none;
    background: white;
    border-radius:8px;
    padding: 15px;
    margin: 3.5rem 0 0 0;
   
}
.sidebar h3{
  color:#292057;
}
.jobs_container{
  margin:6rem 0;
  display:none;
}
.job-category{
}
.job_listing{
  color:#323232;
  padding:0.8rem;
  display: block;
  text-decoration: none;
  min-height:95px;
  transition:all 0.1s ease;
  margin-left:10px;
  margin:10px 0px 10px 0px;
  border-radius:5px;
  background-color: #fff;
  border-radius: 8px;
}
.job_listing:hover{
  box-shadow: rgba(179, 179, 179, 0.44) 0 0 10px 0,rgba(165, 166, 167, 0.08) 0 2px 4px 0,rgba(17,22,26,.08) 0 4px 8px 0;
}
.job_logo{
  display:block;
  max-width:65px;
  width:100%;
}
.job_logo_container{
  max-width:100px;
  display:inline-block;
  vertical-align: top;
}
.job_text_container{
  width:78%;
  display:inline-block;
  margin-left:1%;
  line-height: 22px;

}
.job_text_container img{
  margin:5px 0 0 7px;
  max-width: 60px;
}
.job_listing h3{
  color: #232323;
  display: inline-block;
  font-size: 1.1em;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
  overflow: hidden;
  text-align: left;
  width: 98%;
  margin:0px;
  color:#292057;
}
.job_listing p{
  color: #232323;
  display: block;
  font-size: 0.9rem;
  margin:5px;
  color:#3d3d3d;
}
.job_listing span{
  color: #070707;
  font-size: 1rem;
}
.sub_options{
  display:grid;
  grid-template-columns:45% 45%;
  grid-column-gap: 5%;
  grid-row-gap: 0px;
}
.sub_options a{
  margin:13px 0;
  display:block;
  color:#292057;
}
.privacy{
  margin:10px 0;
  display:block;
}
footer{
  background:#222E50;
  padding:4rem;
}
footer img{
  max-width:200px;
}
.two-column{
  display:grid;
  grid-template-columns:60px 1fr;
  grid-column-gap: 2px;
  grid-row-gap: 0px;
}
.options h4{
  color:#292057;
}
.offer1{
  background-image: url("../img/instacart.gif");
  background-color: white; 
  height: 800px; 
  background-repeat: no-repeat; 
  background-size:contain;
}
.job_listing .snippet span{
  color:#FB3640;
}
.purple{
  color:#292057;
}
footer{
  color:white;
}
footer ul{
  padding:0;
}
footer li a{
  color:white;
  margin-right:10px;
}

.jobs_and_sidebar{
    background:#00799121;
    padding:1rem;
    
  }

@media only screen and (min-width: 900px) {
  h1{
    font-size:3.1rem;
  }
  .hero_text{
    width:60%;
  }
  .logo{
    width:180px;
  }
  .nav_button{
    display:none;
  }
  .nav_items{
    padding:7px;
  }
  .nav_items li{
    display:inline-block;
    font-weight:600;
  }
  .nav_items a{
    text-decoration: none;
    color:rgb(255, 255, 255);
    margin:0 8px;
  }
  .nav_items a:hover{
    color:#FB3640
  }
  .title > h1{
    font-size:2.5rem;
    line-height: 38px;
    margin:4rem 0;
  }
  .mobile{
    display:none;
  }
  .desktop{
    display:block;
  }
  .input_container{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    margin:3rem 0 0 0;
  }
  .input_container > div{
    margin-bottom:30px;
  }
  .input_container label{
    font-size:1rem;
    opacity:0.8;
  }
  .input_container span{
    color:#2d2d2d;
    font-size:1rem;
  }
  .input_container button{
    margin:2rem 0;
  }
  .signup{
    width:100%;
    margin:3rem auto;
    border:3px solid #007991;
  }
  
  .signup p{
    font-size:1.4rem;
    font-weight:500;
  }
  .signup_content{
    width:70%;
    margin:0 auto;
  }
  .articles{
    flex-direction: row;
    justify-content: space-between;
  }
  .articles .col{
    width:30%;
  }
  .jobs_and_sidebar{
    background:#00799121;
    padding:1rem;
    display:grid;
    grid-template-columns:65% 1fr;
    grid-column-gap: 2%;
    grid-row-gap: 0px;
  }
  .jobs_container{
    margin:0;
  }
  .wrapper{
    padding: 0rem 2rem 2rem 2rem;
    max-width:1200px;
  }
  .sidebar{
  }
}