/* ==========================================================================

    Template: OmniGloboCorp

    Type: Plain



   ========================================================================== */

/* ==========================================================================

    Colors: 



    Dark Gray: #36363e;

    Light Gray: #e3e3e4;

    Blue: #32a1bd;

    

   ========================================================================== */




body {

    color: #fff;
    font-family: 'Lato', sans-serif;
    background-image:url('../images/catpower.gif');
    background-size: 100% 100%;
    background-repeat:no-repeat;
    background-position:right;

}

html, body {
    height: 100%;
}

.wrap {
    min-height: 100%;
}

.information {
	width: 55%;
	height: 25%;
	min-height: 200px;
	min-width:300px;
	margin-left: auto;
	margin-right: auto;
    border-radius: 25px;
	background:rgba(0,0,0,0.7);
	position: fixed;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);

}

.text {
  padding: 20px 20px 20px 40px;
  position: fixed;
  top: 50%;
  left: 0%;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);

	
}


/* Website highlight color - currently set to light gray */
::-moz-selection {
    background: rgba(50,161,189,0.9);
    text-shadow: none;
}

::selection {
    background: rgba(50,161,189,0.9);
    text-shadow: none;
}


h1,
h2,
h3,
h4,
h5,
h6,
 {
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

h1 {
    font-size: 40px;
    margin: 0 0 25px 0;
}

h2 {
    font-size: 40px;
    color: #313338;
    margin: 0 0 50px 0;
}

h3 {
    font-size: 20px;
    color: #313338;
    font-weight: 400;
}
    
p {
    color: #ffffff;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    font-size: 5vmin;
    margin: 0 0 30px 0;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 2.0; }
    50% { opacity: 0.0; }
    100% { opacity: 2.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 2.0; }
    50% { opacity: 0.0; }
    100% { opacity: 2.0; }
}

@keyframes blinker {  
    0% { opacity: 2.0; }
    50% { opacity: 0.0; }
    100% { opacity: 2.0; }
}

/* Mobile styles */
@media (max-width: 1000px) {
}

/* Tablets*/

@media (min-width: 768px) and (max-width: 991px) { 
}


/* MD styles */
@media (min-width: 992px) and (max-width: 1199px) {
}