body {font-size: 14px; padding-top: 0!important; margin-top: 0; color: #322c2e; text-align: left; }

body {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
   
   /* Center text */

   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   /*display: -webkit-flex;
   display: flex;*/
}

body::before {
   background: url("../../images/bg-alt.jpg")
      no-repeat center center;
   background-size: cover;
   content: "";
   width: 100vw;
   height: 100vw;
   position: absolute;
   animation: spin 205s linear infinite;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}






a {color: #5f1bb6;}
a:hover {text-decoration: none; color: #9934bf;}
.row .col-lg-4 p {margin-bottom: 20px;}
.row .col-lg-4 h4, h4, .h4 {margin-bottom: 0px; margin-top: 156x; margin-bottom: 1px; font-size: 16px; }
h4 {background: red;
    background: -webkit-linear-gradient(left, gray, violet);
    background: -o-linear-gradient(right, black, violet);
    background: -moz-linear-gradient(right, black, violet);
    background: linear-gradient(to right, black, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

ul,ol {padding-left: 0px; margin-bottom: 15px; }
li {list-style-type: none; margin-bottom: 3px;}

.mast {position: relative; z-index:9999; display: block; height: 3px; width: 100%; padding-bottom: 6px; background: -moz-linear-gradient(left, red, orange, yellow, green, 
blue, indigo, violet);
background: -webkit-gradient(linear, left center, right center, from(red), 
color-stop(14%, orange), color-stop(28%, yellow), color-stop(42%, green), 
color-stop(56%, blue), color-stop(70%, indigo), to(violet)); 
background: -o-linear-gradient(left, red, orange, yellow, green, 
blue, indigo, violet);
background: -ms-linear-gradient(left, red, orange, yellow, green, 
blue, indigo, violet); }
mark, .mark  {background-color: transparent; padding: 75px 0 30px;}
.mark img {margin: 0 auto; text-align: center; display: block;}
.footer {border-top:none!important;}
.creature {position: fixed; bottom:0; left:-120px; -webkit-transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-o-transition: 1s ease-in-out;transition: 1s ease-in-out;}
.creature:hover {position: fixed; bottom:0; left:-100px;     -webkit-transform: translate(3em,0);-moz-transform: translate(.1em,0);-o-transform: translate(.1em,0);-ms-transform: translate(.1em,0);transform: translate(.1em,0);}
.members {text-align: center;}
.members li {display: inline; padding: 0 8px;}
.hide {display: inline-block!important; color: #dedede;}




 /* iphone */
@media(max-width:767px){ 
	body {text-align: center;}
	
	body::before {left: 0;}
	
	.creature {max-width: 50%; left:-90px;}
	mark, .mark  {background-color: transparent;  padding: 15px 0 10px;}
	.hide {display: none!important;}
	.friends ul {margin-bottom: 0;}
	.members {margin-top: 0;}
	.members li {display: block; padding: 0;}

}