/* Add here all your CSS customizations */
.main-container {
   width: -moz-calc(100% - 250px);
   width: -webkit-calc(100% - 250px);
   width: calc(100% - 250px);
}

.main-container.move{
   right: 0;
}

@media (max-width: 840px) {
   #pageloader{
      width: 100%;
   }

   h1#logo{
      padding: 0;
   }
   #contactus .contactform{
      margin-top: 30px;
   }
   header {
      background: transparent;
      background-color: transparent;
      padding: 30px 20px 20px 20px;
      position: absolute;
   }
}

@media (max-width: 500px) {
	header .socials li, 
	header .main-nav .toggle {
      margin-top: 2px;
      width: 44px;
      height: 26px;
      font-size: 14px;
   }
}