.wrapper{
  background-color: #000;
}

.navbar{
  margin-bottom: 0em !important;
}

.topnav {
  /*overflow: hidden;*/
  font-family: Arial;
  margin-bottom: 2.5em;
} 

.topnav li{ 
  display: inline;
  text-align: center;
}

/* Links inside the navbar */
.topnav a {
  float: left;
  font-size: 1.1em;
  color: white !important;
  text-align: center;
  padding: 0em 1em;
  text-decoration: none; 

}

.logout li{
  padding-right: 1.25em;
  height: 1.125em !important;
}



.active .dropdown {
  background-color: green !important;
  width: 100%;
}

.active a{
  background-color: green !important;
  width: 100%;
}


.logout a{  
  color:red !important;
  margin:0em;
  padding:0em;
}



/* The dropdown container */
.dropdown {
  float: left;  
} 

/* Dropdown button */
.dropdown .dropbtn {
  display: inline !important;
  font-size: 1em; 
  border: none;
  outline: none;
  color: white;
  padding: 1.0625em 0em;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333 !important;
  min-width: 10em;
  box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  background-color: #333 !important;
  padding: 0.75em 1em; 
  text-decoration: none;
  display: block;
  text-align: left;
  padding-left: 3.125em;
}

.topnav .icon {
    float: right;
    display: none;
  }

.fa-caret-down{
  padding-left: 0.625em;
}
/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: red !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;

} 

.lang{
  padding-top: 1em;
  margin-right: 0.3125em;
}

@media screen and (max-width: 760px) {
  .topnav li:not(.active) {
    display: none;
  }

  .topnav .icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 760px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive li {
    float: left;
    display: block;
    text-align: center;
    width: 100%;
    z-index: 200;
  } 


  .topnav.responsive .dropdown { float: none;text-align: center;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 320px) {
      .fa-globe{display:none;}
  }

/********************************************************  ^ NAVBAR ^  **************************************************************/


.jobs{
  margin-left: auto;
  margin-right: auto;
} 

.jobs a{
  font-size: 1.4em;
}

.job-title{
  display: inline;
  height: 3.75em;  
  width: 100%;
  text-align: center;
}

.job-image{
  margin-top:1em;
}

.job-title h4{
  display: table-cell;
  vertical-align: middle;
}

.job-title a{
  display: inline;
}

.amp{
  text-decoration: none !important;
}

#mainimg{
  display:block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6.25em;
  width: 80%;
}

.main p{
  text-align: justify;
}

.heading{
  margin-bottom: 3.75em;
  margin-left: auto;  
  margin-right: auto;
  display: table;
}

.text{
  font-size:1.5em;
  margin-bottom: 3.125em;
  padding: 0em 7.375em;
}

.heading{
  padding: 0em 4.375em;
  font-size: 2.1em;
  font-weight: bold;
}


.contentplace{
  font-family: 'Montserrat';
  color: red;
  text-align: center;
  font-size: 3em;
  font-weight: 900;
  margin-bottom: 2.5em;  
  margin-left: auto;  
  margin-right: auto;
  display: table;
}

.col-container{
  display: table;
    width: 100%;
}

.col-md-2{
      padding-bottom: 2em;
    }

.jobs{
  text-align: center;
  margin-bottom: 1.875em;
}

.glyphicon{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.875em;
  text-align: center;
  font-size: 2em;
}

#myBtn{
  cursor: pointer;
  width: 3.75em;
  height: 5em;
  bottom: 0em;
  right: 1.875em;
  z-index: 9999;
  position: fixed;
} 

footer {
  background-color: #333;
  color: white;
  padding: 1em;
  font-size: 1em;
  text-align: center;
  }

footer a{
  font-size:1.1em;
  color: white;
  display: table;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;    
  }

  footer h3{
    font-size: 2em;
  }

  .links a{
    display: inline;
  }

  .footerJobs a{
    background-color: transparent !important; 
  }

@media screen and (max-width: 760px) {
    .col-md-2{
      padding-bottom: 2em;
    }

    .heading{
      padding: 0em 0.5em;
    }

    .text{
      padding: 0em 2em;
      margin-left: auto;
      margin-right: auto;
    }
  }