/*navbar*/
/**/
.brand-logo img {
    margin-top: 26px;
    width: 56px;
    /*filter: invert(1);*/
}
.scroll .brand-logo img {
    /*filter: invert(0);*/
}
nav ul a {
    /*color: white;*/
    font-family: "Quicksand", "Helvetica";
}
.brand-logo-center img {
    /*filter: invert(1);*/
}
.scroll .brand-logo-center img {
    filter: invert(0);
}
@media (min-width: 768px) {
    .brand-logo img {
        margin-top: 1px;
    }
}
@media (min-width: 992px) {
    .brand-logo-center img {
        margin-left: -25px;
        width: 120px;
    }
}
@media (min-width: 1200px) {
    .brand-logo-center img {
        margin-left: -60px;
    }
}

#navbar {
    position: fixed; /* Make it stick/fixed */
    /*top: -50px;*/ /* Hide the navbar 50 px outside of the top view */
    width: 100%; /* Full width */
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
    z-index: 1000;
}
#navbar.scroll {
    background-color: #fafafa !important;
}
.scroll nav {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.scroll nav ul a {
    color: #fff;
}

.social-media svg {
    /*fill: white;*/
}
.scroll .social-media svg {
    fill: #fff;
}

.scroll .burger .bar {
    background-color: #bbcbdd;
}


/* Dropdown Button */
.dropbtn {
  /*background-color: #4CAF50;*/
  color: #88a5c4;
  /*padding: 16px;*/
  /*font-size: 16px;*/
  /*border: none;*/
}
.dropbtn:hover {
    color: #88a5c4;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}


/* Dropdown Content (Hidden by Default) */
.submenu {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.submenu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.submenu a:hover {background-color: #88a5c4 ;}

/* Show the dropdown menu on hover */
.dropdown:hover .submenu {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {}


/*geral*/
h1, h2, h3, h4 {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Lato', sans-serif;
}
h2 {
    text-transform: uppercase;
    color: #3c5672;
    font-weight: 700;
}
h3,
h4 {
    color: #3c5672;
    font-weight: 600;
}
h1 {
    font-size: 32px;
    line-height: 32px;
}
h2 {
    font-size: 28px;
    line-height: 28px;
}
h3 {
    font-size: 20px;
    line-height: 20px;
}
p,
li {
    font-size: 17px;
}
@media all and (min-width: 1200px) {
    h1 {
        font-size: 42px;
        line-height: 46px;
    }
    h2 {
        font-size: 38px;
        line-height: 42px;
    }
    h3 {
        font-size: 24px;
        line-height: 28px;
    }
}
@media all and (min-width: 1600px) {
    h1 {
        font-size: 70px;
        line-height: 75px;
    }
    h2 {
        font-size: 50px;
        line-height: 55px;
    }
    h3 {
        font-size: 40px;
        line-height: 45px;
    }
}