* {
  margin: 0;
  padding: 0;
}

body {

  font-family: 'Poppins', sans-serif;
  background-color: #1c1c1c;
}
.topnav {
 overflow: hidden;
 background-color: #055bd9;
 position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
 display: none;
}

/* Style navigation menu links */
.topnav a {
 color: white;
 padding: 14px 16px;
 text-decoration: none;
 font-size: 17px;
 display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
 background: #055bd9;
 display: block;
 position: absolute;
 right: 0;
 top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
 background-color: white;
 color: white;
}

/* Style the active link (or home/logo) */
.active {
 background-color: #1c1c1c;
 color: white;
}

#xx {

}

h1 {
  font-size: 27px;
  color: white;
  font-family: 'Audiowide', cursive;
  align-content: flex-start;

}

h2 {
  font-size: 27px;
  color: white;
  font-family: 'Megrim', cursive;

}

.s-item {
  position: relative;
  /* height: 380px; */
  margin: 13px;
  background-size: cover;
}

.s-item img {
  max-width: 100%;
  width: 100%;
}

.s-item .s-item-text-holder {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  height: 105px;
}

.s-item .s-item-text-holder.force-top {
  top: 0;
  bottom: inherit;
}

.s-item .s-item-text {
  font-size: 33px;
  width: 90%;
  color: white;
  position: absolute;
  text-decoration: none !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.s-item .s-item-text a {
  text-decoration: none !important;
  color: white !important;
}

.img-responsive {
  max-width: 100%;
  width: 100%;
  height: auto;

}

a {
  color: white;
  text-decoration: none;
  color: inherit !important;
}


ul {
  width: 45%;
  margin: auto;
  font-size: 17px;
}

.menu {
  list-style: none;
  width: 10em;
  background: ;
  margin-left: auto;
  margin-right: auto;
}

.menu li {
  position: relative;
  float: right;
}

.menu li a {
  background: orange;
  color: #fff;
  text-decoration: none;
  padding: 14px 20px;
  display: block;
}

.menu li a:hover {
  background: darkred;
  color: #fff;
  text-shadow: 0px 0px 5px red;
}

.menu li ul {
  position: absolute;
  top: 45px;
  left: 0;
  background-color: #f1f1f1;
  display: none;
  font-size: 15px;
  color: black;
}

.menu li:hover ul,
.menu li.over ul {
  display: block;
}

.menu li ul li {
  border: 1px solid #c0c0c0;
  display: block;
  width: 100px;
}

.row {
  margin: 0 !important;
  padding: 0 !important;
}

.faixa {
  margin: 14px;

}

footer  {

  width: 100%;
  background-color: black;
  color: white;
  font-size: 15px;
  margin: auto;
  padding: 0;

}



.container {

  align-items: middle;
}

.container1 {

  align-items: middle;
}


.menu {
  list-style: none;
  width: 10em;
  background: ;
  margin-left: auto;
  margin-right: auto;
}

.menu li {
  position: relative;
  float: right;
}

.menu li a {
  background: orange;
  color: #fff;
  text-decoration: none;
  padding: 14px 20px;
  display: block;
}

.menu li a:hover {
  background: darkred;
  color: #fff;
  text-shadow: 0px 0px 5px red;
}

.menu li ul {
  position: absolute;
  top: 45px;
  left: 0;
  background-color: #f1f1f1;
  display: none;
  font-size: 15px;
  color: black;
}

.menu li:hover ul,
.menu li.over ul {
  display: block;
}

.menu li ul li {
  border: 1px solid #c0c0c0;
  display: block;
  width: 100px;
}


#space {

  background-color: white;
}

#space1 {

  background-color: orange;
}

/* GR */


.lang-holder {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 999;
}

.lang-holder img {
  max-width: 30px;
}



@media (max-width: 900px) {

  .s-item .s-item-text {
    font-size: 26px;
  }

  .s-item .s-item-text-holder {
    height: 80px;
  }

}

@media (max-width: 525px) {

  .s-item .s-item-text {
    font-size: 20px;
  }

}

@media (max-width: 405px) {

  .s-item .s-item-text {
    font-size: 17px;
  }

}


.init-holder {
  position: absolute;
  top: 40%;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  width: 100%;
  color: #fff;
}

.banner-top-image {
  width: 100%;
  height: auto;
}

#about {
  color: white;
  font-size: 33px;
}
/* GR FIM  */