body td p li {font-family: 'Roboto', sans-serif; font-weight:700; font-size:1.5em}

td p li {color:#676767}

.footertext {color:#efefef;line-height:25px;}
.footertextlinks {color:#efefef;line-height:25px;}
a.footertextlinks:hover {color:#efefef;}
a.footertextlinks:active {color:#efefef;}
.titleHeader {font-size:21px;}
.testimonialbubble {border-radius:8px;background-color:#e7edf9;padding:10px;line-height:23px;margin-bottom:30px;}



/* On screens that are 800px or more,  */
@media screen and (min-width: 800px) {
 #navIcon {display:none;}
 #bigNav {display:block;}
}

/* On screens that are 800px or less,  */
@media screen and (max-width: 800px) {
   #navIcon {display:block;}
   #bigNav {display:none;}
}


/* On screens that are 1000px or less,  */
@media screen and (max-width: 1000px) {
   #topRightNavMobile {display:block}
   #topRightNav {display:none}
}

/* On screens that are 1000px or more,  */
@media screen and (min-width: 1000px) {
 #topRightNav {display:block}
 #topRightNavMobile {display:none}
}

/* On screens that are 400px or less,  */
@media screen and (max-width: 400px) {
 #featuredJob3 {display:none};
 #featuredJob4 {display:none};
}

/* On screens that are 400px or less,  */
@media screen and (min-width: 400px) {
 #featuredJob3 {display:block};
 #featuredJob4 {display:block};
}


h1 {margin:5px;margin-top:10px; font-size:21px;color:#898989}
h2 {margin:5px;font-size:18px;}
h3 {margin:5px;font-size:15px;}


.m-0 {margin:0px;}
.m-1 {margin:6px;}
.m-2 {margin:12px;}
.m-3 {margin:18px;}
.m-4 {margin:24px;}
.m-5 {margin:30px;}

.mt-0 {margin-top:0px}
.mt-1 {margin-top:6px}
.mt-2 {margin-top:12px} 
.mt-3 {margin-top:18px}
.mt-4 {margin-top:24px}
.mt-5 {margin-top:30px}

.mr-0 {margin-right:0px}
.mr-1 {margin-right:6px}
.mr-2 {margin-right:12px}
.mr-3 {margin-right:18px}
.mr-4 {margin-right:24px}
.mr-5 {margin-right:30px}

.mb-0 {margin-bottom:0px}
.mb-1 {margin-bottom:6px}
.mb-2 {margin-bottom:12px}
.mb-3 {margin-bottom:18px}
.mb-4 {margin-bottom:24px}
.mb-5 {margin-bottom:30px}

.ml-0 {margin-left:0px}
.ml-1 {margin-left:6px}
.ml-2 {margin-left:12px}
.ml-3 {margin-left:18px}
.ml-4 {margin-left:24px}
.ml-5 {margin-left:30px}

.p-0 {padding:0px;}
.p-1 {padding:6px;}
.p-2 {padding:12px;}
.p-3 {padding:18px;}
.p-4 {padding:24px;}
.p-5 {padding:30px;}

.pt-0 {padding-top:0px}
.pt-1 {padding-top:6px}
.pt-2 {padding-top:12px} 
.pt-3 {padding-top:18px}
.pt-4 {padding-top:24px}
.pt-5 {padding-top:30px}

.pr-0 {padding-right:0px}
.pr-1 {padding-right:6px}
.pr-2 {padding-right:12px}
.pr-3 {padding-right:18px}
.pr-4 {padding-right:24px}
.pr-5 {padding-right:30px}

.pb-0 {padding-bottom:0px}
.pb-1 {padding-bottom:6px}
.pb-2 {padding-bottom:12px}
.pb-3 {padding-bottom:18px}
.pb-4 {padding-bottom:24px}
.pb-5 {padding-bottom:30px}

.pl-0 {padding-left:0px}
.pl-1 {padding-left:6px}
.pl-2 {padding-left:12px}
.pl-3 {padding-left:18px}
.pl-4 {padding-left:24px}
.pl-5 {padding-left:30px}





/*
custom nav bar
*/

.navbar-custom {
    background-color:#006699;
    color:#ffffff;
    border-radius:0px;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color:transparent;
}
.navbar-custom .navbar-brand {
    color:#eeeeee;
}

/* gets rid of scroll bar horiz */
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}



.menubar {} /* top left menu button */


/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 55px; /* Stay at the top */
  left: 0;
  background-color: #efefef; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}