@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900");

:root {
  --font0: Arial;
  --fontSerif: Georgia;
  --color1: #cb6028;
  --color2: #4b4b4b;
  --titlecolor: #4b4b4b;
  --font2: 'Source Sans Pro', sans-serif;
  --font2weight: 400;
  --fonttext: 'Roboto', sans-serif;
  --fonttextsize: 1rem;
  --fonttextweight: 300;
  --fonttextlh: 1.5;
  --fonttextcolor: #333;
  --navbar-toggler-color: white;
  --fonttitle: 'Source Sans Pro', sans-serif;
  --fonttitleweight: 700;
  --fonttitleh1lh: 100%;
  --fonttitlelh: 1.1em;
  --fonttitlecolor: var(--grisa6);
  --fonttitleespace: 0;
  --fonttitleh1: 2.8rem;
  --fonttitleh2: 2.2rem;
  --fonttitleh3: 1.8rem;
  --fonttitleh4: 1.5rem;
  --fonttitleh5: 1.2rem;
  --fonttitleh6: 1.1rem;
  --fonttitleh1mobile: 2rem;
  --fonttitleh2mobile: 1.8rem;
  --fonttitleh3mobile: 1.7rem;
  --fonttitleh4mobile: 1.5rem;
  --fonttitleh5mobile: 1.2rem;
  --subheadercolor: var(--color1);
  --subheadertextcolor: white;
  --subheadertextsize: 1.5rem;
  --subheadertextfont: var(--fonttitle);
  --subheadertextweight: 400;
  --subheadertextespacing: 0.2em;
  --footercolor: var(--grisa6);
  --footertextcolor: white;
}

.section-nav ul li a {
  background-color: var(--grisa1);
  color: black !important;
  font-family: var(--fonttitle);
  font-weight: 600;
}

.section-nav ul li a:hover {
  background-color: var(--color1);
  color: white !important;
}

#navbarSupportedContent {
  top: 69px;
}

#subheader-effect {
  margin-top: 5px;
}

#navbarSupportedContent .dropdown-menu .dropdown-item {
  display: block;
  width: 50%;
  float: left;
  clear: inherit;
  font-size: 12px;
  padding: 0.25rem 0.5rem;
}