/* GLOBAL */
	
html { height: 100%; }
body { position: relative; height: 100%; margin: 0; padding: 0; font-family: 'Trebuchet MS'; }
img { max-width: 100%; }
                
.center { text-align: center; }	
.orange { color: #ff5000; }

a { transition: all 0.4s; color: #ff5000; text-decoration: none; }
a:focus, a:hover { color: #000; text-decoration: none; }
        
.custom-table { display: table; width: 100%; height: 100%; }
.custom-table-cell { display: table-cell; float: none; width: 100%; height: 100%; vertical-align: top; }
.v-mid { vertical-align: middle; }

.logo { display: inline-block; }
.icon { width: 120px; }
.grey { display: block; width: 100%; background: #111; color: #fff; margin: -60px 0 30px 0; padding: 60px 0 30px 0; }
.grey h3 { color: #aaa; }

h4 { margin-bottom: 0; }
h5 { line-height: 22px; }
h5 font { color: #555; }

.hide { display: inline-block; }

        
/* ANIMATIONS */

@-webkit-keyframes Rotate {
    70% {-webkit-transform: rotateZ(0deg);}
    100% {-webkit-transform: rotateZ(360deg);}
}
@keyframes Rotate {
    70% {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}
}
.rotate {
    -webkit-animation: Rotate 4s linear infinite;
    animation: Rotate 4s linear infinite;
}

@keyframes Pulse {
    0% { transform: scale(1); }
    35% { transform: scale(1); }
    40% { transform: scale(1.12); }
    45% { transform: scale(1); }
    50% { transform: scale(1); }
    55% { transform: scale(1.06); }
    60% { transform: scale(1); }
    100% { transform: scale(1); }
}

.pulse {
    -webkit-animation: Pulse 4s linear infinite;
    animation: Pulse 4s linear infinite;
}


/* RESPONSIVE */
                
@media (max-width: 768px) {			
    .logo img { width: 220px; }			
    h1 { font-size: 22px; }
    h3 { font-size: 15px; font-weight: normal; }
    .grey { margin: -60px 0 10px 0; padding: 50px 0 10px 0; }			
    .hide { display: none; }
    h5 span { display: block; width: 100%; text-align: center; }
}