/* Default CSS */

.gwjobsheader {
background-color:#005a87;
margin:auto;
text-align:center;
padding:20px;
font-family: 'Archivo', Helvetica, Arial, Lucida, sans-serif;
color:#ffffff;}

 
.jobslisting {
background-color:#F0F0F0;
text-align:left; 
display:block;
font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
color:#333;
text-height:max-size;
}

.hotjobs
{display:block;
text-align:center;
overflow-x:auto;
} 
 
 
h1 {
font-family: 'Archivo', Helvetica, Arial, Lucida, sans-serif;
font-weight:500; 
color:#f7931e;}

.singlejob {
padding:20px;
font-size:medium;
font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
}

p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}

.footer {
text-align:left; 
font-size:small;
margin: 10px;
display:block;
font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
color:#333;
text-height:max-size;
 }

.button {
  background-color:#f7931e;
  border: none;
  color: white;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  border-radius: 25px;
  cursor: pointer;
  width:100px;
}

table, tr, td {
padding-left:15px;
padding-right: 15px;
vertical-align:text-top;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

.jobslisting {
margin:2px; }

table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		padding-right: 5px; 
	}
    }