h1 {
  margin-top: 100px;
  text-align: center;
  font-size: 60px;
  line-height: 70px;
  font-family: 'roboto', sans-serif;
}
#container {
  margin: 0 auto;
  max-width: 890px;
}
p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}
.interna nav{
  margin-bottom: 2rem;
}
nav {
  margin: 0;
  padding: 0;
  width: 100%;
  /* background-color: #254441; */
  z-index: 99;
  overflow-x: clip;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  display: flex;
  justify-content: center;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav>ul {
  float: left;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  position: relative;
  /* -webkit-transform: skew(-20deg); */
  /* -moz-transform: skew(20deg);
  -o-transform: skew(20deg); */
  margin-left: -30px;
  background: rgb(242 242 242 / 92%);
  /* background: linear-gradient(90deg, rgba(209,34,21,1) 0%, rgba(254,62,42,1) 100%); */
  width: 100%;
  overflow-x: unset;
  margin-left: auto;
  box-shadow: 5px 9px 20px -10px #393c3e;
  margin-right: auto;
}
.interna nav>ul{
  /* background:#cbcaca42; */
}
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  color: black;
  /* -webkit-transform: skew(20deg); */
  /* -moz-transform: skew(20deg);
  -o-transform: skew(20deg); */
  width: auto;
  padding-left: 4px;
}

.btn-menu-head{
      float: right;
    background: #d12626;
    color: white !important;

}
.btn-menu-head a{

    color: white !important;

}
nav a {
  display: block;
  padding: 10px 20px;
  color: #818181 !important;
  font-size: 1rem;
  line-height: auto;
  text-decoration: none;
}

nav ul li ul li:hover {/* background: #9b0b00; */}

nav a:hover {/* background-color: #ffffff; */color: unset;/* width: 100%; */background: #f93b28;color: white!important;}

nav ul ul {
  display: none;
  position: absolute;
}

nav ul li:hover > ul {display: inherit;-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);}

nav ul ul li {
  width: 200px;
  float: none;
  line-height: 1;
  list-style: none;
  display: list-item;
  position: relative;
  -webkit-transform: skew(0deg);
  -moz-transform: skew(0deg);
  -o-transform: skew(20deg);
  background: rgb(255 255 255);
  background: white;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 134px;
}

li > a:after { content: ''; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */


@media (max-width:1500px){

  nav>ul {
    padding-left: 0rem;
  }

  nav a {
    display: block;
    padding: 10px 30px !important;
    color: #818181 !important;
    font-size: 1.35rem !important;
    line-height: auto;
    text-decoration: none;
  }
}

@media only screen and (max-width:1150px){

  nav a {
    display: block;
    padding: 10px 30px !important;
    color: #818181 !important;
    font-size: 1rem !important;
    line-height: auto;
    text-decoration: none;
  }
}
@media (min-width:1500px){

  nav a {
    display: block;
    padding: 10px 30px !important;
    color: #818181 !important;
    font-size: 1.5rem !important;
    line-height: auto;
    text-decoration: none;
  }
}


@media (max-width:769px){
  nav {
    
  width: 100%;
  display: block;
  justify-content: center;
  text-align: left!important;
  }

    nav a{
    font-size: 15px;
  }
  nav>ul {
    transform:unset;
  }
  nav ul li{
    width:100%;
     transform:unset;
  }
  .interna nav {
    margin-bottom: 0;
}

}