/* corp body */

h1,h2{



  font-family: 'Playfair Display', serif;



}



body

{

   background-color:#ff9c00; #fff85b;

   text-align:center;

   font-family: 'Muli', sans-serif;

   margin: 0;

   height:100%;

   width:100%;

}



h1

{

   color: yellow;

}



ul {

list-style:none;

margin-left:0;

padding-left:0;

}



h2

{

   color: orange;

}







footer

 {

  background-color: red;

}









/* =================================== */

/*  Menu Styles

/* =================================== */

/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

.main-menu {

  padding-bottom: 20px;

  padding-top: 20px;

}



#header {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  transition: all 0.5s;

  z-index: 997;

  background: #fff;

}



#header.header-scrolled {

  transition: all 0.5s;

  box-shadow: -21.213px 21.213px 30px 0px rgba(158, 158, 158, 0.3);

}



#header.header-scrolled .main-menu {

  border-color: transparent;

}



@media (max-width: 673px) {

  #logo {

    margin-left: 20px;

  }

}



.nav-menu li:hover > a, .menu-active, .parent-active > .sf-with-ul {

  color: #8490ff !important;

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Nav Menu Essentials */

.nav-menu, .nav-menu * {

  margin: 0;

  padding: 0;

  list-style: none;

}



.nav-menu ul {

  position: absolute;

  display: none;

  top: 100%;

  right: 0;

  z-index: 99;

}



.nav-menu li {

  position: relative;

  white-space: nowrap;

}



.nav-menu > li {

  float: left;

}



.nav-menu li:hover > ul,

.nav-menu li.sfHover > ul {

  display: block;

}



.nav-menu ul ul {

  top: 0;

  right: 100%;

}



.nav-menu ul li {

  min-width: 180px;

}



/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {

  padding-right: 30px;

}



.sf-arrows .sf-with-ul:after {

  content: "\f107";

  position: absolute;

  right: 15px;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

}



.sf-arrows ul .sf-with-ul:after {

  content: "\f105";

}



/* Nav Meu Container */

@media (max-width: 768px) {

  #nav-menu-container {

    display: none;

  }

}



/* Nav Meu Styling */

.nav-menu a {

  padding: 0 8px 0px 8px;

  text-decoration: none;

  display: inline-block;

  color: #222;

  font-weight: 500;

  font-size: 12px;

  text-transform: uppercase;

  outline: none;

}



.nav-menu li:hover > a {

  color: #8490ff;

}



.nav-menu > li {

  margin-left: 10px;

}



.nav-menu ul {

  margin: 22px 0 0 0;

  padding: 10px;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  background: #fff;

}



.nav-menu ul li {

  transition: 0.3s;

}



.nav-menu ul li a {

  padding: 5px 10px;

  color: #333;

  transition: 0.3s;

  display: block;

  font-size: 12px;

  text-transform: none;

}



.nav-menu ul li:hover > a {

  color: #8490ff;

}



.nav-menu ul ul {

  margin-right: 10px;

  margin-top: 0;

}