.careers{
	padding:70px 0;
}

.careers .row {
   position: relative;
}

.careers-loading {
   display: none;
   position: absolute;
   top: 200px;
   left: 0;
   right: 0;
   z-index: 100;
}

.careers-intro h2 {
   font-size: 30px;
   font-weight: 300;
   line-height: 1.4;
   letter-spacing: 1.2px;
   margin-bottom: 0;
}

.careers-categories {
   position: relative;
}

.careers-categories select {
   border: none;
   border-bottom: 1px solid #000000;
   cursor: pointer;
   display: block;
   padding: 15px 0;
   width: 100%;
}

.careers-categories select:focus,
.careers-categories select:hover {
   outline: none;
}

.careers-categories img {
   display: none;
}

.careers-item {
   border: 1px solid #000000;
   display: flex;
   flex-direction: column;
   margin-top: 55px;
   padding: 30px;
}

.careers-item.even {
   background: #cbbb9f;
   border: none;
   color: #ffffff;
}

.careers-item.even .button {
   border: 1px solid #ffffff;
   color: #ffffff;
}

.careers-item.even .button:hover {
   border: 1px solid #000000;
   color: #000000;
}

.careers-item h2 {
   font-size: 30px;
   font-weight: 300;
   letter-spacing: 1.2px;
   margin: 0 0 20px 0;
   text-transform: uppercase;
}

.careers-item hr {
   margin: 0;
}

.careers-item span {
   color: #84672c;
}

.careers-left p {
   line-height: 1.4;
   margin: 30px 0 0 0;
}

.careers-right p {
   color: #84672c;
   font-size: 30px;
}


/* Pagination styling */

.careers-pagination {
   float: right;
   margin: 40px 0;
}

.careers-pagination img {
   margin-left: 30px;
   width: 20px;
}

.careers .page-numbers {
   display: none;
}

.careers .page-numbers.prev,
.careers .page-numbers.next {
   display: inline-block;
}


@media only screen and (min-width: 1024px) {
	
	.careers-intro h2 {
   	  font-size: 48px; 
	}
	
   .careers-categories img {
	  display: block;
   	  position: absolute;
   	  top: 20px;
	  display: none;
	}

   .careers-categories select {
      color: #9b9b9a;
      font-size: 24px;
	  margin-left: 20px;
	  width: 600px;
	  margin-left: 0;
   }

   .careers-item {
      flex-direction: row;
   }

   .careers-right {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
   }

   .careers-right p {
      color: #84672c;
      font-size: 30px;
      margin-top: 0;
      text-align: right;
   }

   .careers-right .button {
      align-self: flex-end;
      margin-top: auto;
   }
}