/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
 


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #ffffff;
  /* Fallback for when there is no custom background color defined. */
 
}

 
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after {
  clear: both;
}

    
  
  

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
   
/* Small menu name and menu bar. */
.menu-toggle {
  padding: 4px;

  background: #ffffff;
  width: 100%;
  text-align: center;
  border: 0;

  color: #fff;
  cursor: pointer;

  text-align: left;
}

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.menu-toggle .fa-bars {
  margin-left: 4px;
  font-size: 23px;

  float: right;
}