html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{background:transparent;}
.fill{width:100%;}
.logo img:hover{cursor: pointer;}


.bigthing {
    position: absolute;
    top: -3%;
    width: 16%;
}

button {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none;
    margin: 0;
    padding: 0;
}

.buttons{margin-top:75px;margin-bottom:75px;}
.modal-content {
    background-color: transparent;

}
.modal-content {
    background-clip: padding-box;
   
    border: medium none;
   
    box-shadow: none ;
   
}
.spin:hover{
	-webkit-animation-name: spin;
    -webkit-animation-duration: 100ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 100ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 100ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg);
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.elephant {
    margin-top: 75px;
    position: relative;
}

.logo {
    position: absolute;
    right: 22%;
    top: 18%;
    width: 25%;
}



.social_v {
    left: 28%;
    position: absolute;
    top: 21%;
    width: 4%;
}
.social_v img {
    margin-bottom: 60%;
}

.social_h {
    left: 28%;
    position: absolute;
    top: 47%;
    width: 18%;
}
.social_h .vimeo{width:40%;float:left;margin-right: 7%;}
.social_h .youtube{width:50%;float:left;}

	
/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    	
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    	
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }