body, html { height: 100%; }
    body {
        background-clip: content-box;
		 margin: 0;
		background-color: #00b8f0; 
		background-image: linear-gradient(135deg, #00b9f1 0%, #086cb6 49%, #2e3192 100%);
        background-repeat: no-repeat;
        background-size: 100% 100vh; 
        background-attachment: scroll; 

    }

    .navbar {  transition:all 500ms; opacity: 0; background: rgba(0,0,0,0.65);}
    .scrolled {  opacity: 1;}
    .FAB{ position: fixed; top:10px; right:17px; transition: all 500ms; opacity: 1;}
    .FAB.hidden{opacity:0!important;}

    .full-height{ display: block; min-height: 100vh; width: 100%;}
    .h-center{ display: block; position: absolute; top:50%; transform: translateY(-50%); width: 100%;}

  .features{ list-style: none; padding:0px; margin:0px; text-align: center;}
  .features>li{ padding: 0px; margin: 10px; display:inline-block; width: 300px;}
  .features>li>p{ color:white; margin-top: 10px; font-size: 14px; font-weight: bold;}

  .footer-menu{ list-style: none; padding: 0px; text-align: center;}
  .footer-menu>li{padding: 0px 10px; margin: 0px; display:inline-block;}
  .footer-menu>li>a{color:rgba(255, 255, 255, 0.61); font-size: 12px;}