body {
margin: 0;
padding: 0;
font-family: arial;
font-size: 14px;
line-height: 1.7;
background: #F8F8F8;
}

h1
{
  margin: 0px;
  padding: 0px;
}

header{
text-align: center;
font-size: 25px;
line-height: 50px;
height: 50px;
background: #335C7D;
color: #fff;
font-family: 'PT Sans', sans-serif;
// set animation
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 20px 0;
}

header.sticky {
position: fixed;
font-size: 15px;
line-height: 30px;
height: 30px; 
width: 100%;
background: #efc47D;
padding-left: 20px;
top: 0px;
}

ul.nav
{
margin: 0px;
padding: 0px;
}

.nav li
{
display: inline-block;
}

.nav li a
{

color: #fff;
text-decoration: none;
}

.sticky .logo {
font-size: 20px;
}
/* Scroll Back to Top*/
.scrollToTop {
background: #505050;
width: 40px;
height: 40px;
text-align: center;
position: fixed;
bottom: 60px;
right: 50px;
display: none;
z-index: 99;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}

.scrollToTop:hover {
text-decoration: none;
opacity: 0.8;
}

.scrollToTop .scrollarrow {
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 10px 7px;
border-color: transparent transparent #ffffff;
display: block;
margin: 14px auto 0;
}