* {
  margin: 0;
}
html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -162px; 
}
#wrapper:after {
  content: "";
  display: block;
}
#site-footer, #wrapper:after {
  height: 162px; 
}
#site-footer {
  background: rgba(66,134,244,0.1);
  filter: alpha(opacity=.1); /* For IE8 and earlier */
}

img {
    max-width: 100%;
    height: auto;
    margin-right:20px;
}


.container-fluid {background-color:none;}
.row {background-color:none;}

/* ==================================== MEDIA QUERIES ==================================== */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 768px) {

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

#main {margin:10px 20px;}
h1 {
	font-size:30px;
	letter-spacing:0px;	
	}
h2,h3 {	font-size:21px;
}
h4 {	font-size:20px;
}
h5 {	font-size:15px;
}
p {	font-size:15px;
}

.footer-container {opacity:1.0;
margin:0px 20px;padding:10px 0px;
}

#site-footer p {font-size:12px;}

#site-footer .egosystem .disclaimer {font-size:10px;}

h1, h2, h3, h4, h5, h6, p	{text-shadow: 2px 2px 0px #000000;}

.footer-bottomright {margin-top:27px;}

}


@media (min-width: 768px) {

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

#main {margin:20px 40px;}
h1 {
	font-size:34px;
	letter-spacing:0px;	
	}
h2,h3 {	font-size:22px;
}
h4 {	font-size:20px;
}
h5 {	font-size:18px;
}
p {	font-size:18px;
}	

.footer-container {opacity:1.0;
margin:0px 40px;padding:20px 0px;
}

#site-footer p {font-size:14px;}


#site-footer .egosystem {font-size:10px;}
#site-footer .disclaimerlink {font-size:10px;}


h1, h2, h3, h4, h5, h6, p	{text-shadow: 3px 2px 0px #000000;}

.footer-bottomright, .footer-bottomright-xs {margin-top:26px;}



}


@media (min-width: 992px) {

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

#main {width:992px; margin:30px auto;}
h1 {
	font-size:40px;
	letter-spacing:-1px;	
	}
h2,h3 {	font-size:24px;
}
h4 {	font-size:21px;
}
h5 {	font-size:20px;
}
p {	font-size:20px;
}	

.footer-container {opacity:1.0;
width:992px; margin:0px auto;padding:30px 0px;
}
#site-footer p {font-size:14px;}

#site-footer .egosystem {font-size:10px;}
#site-footer .disclaimerlink {font-size:10px;}


h1, h2, h3, h4, h5, h6, p	{text-shadow: 3px 2px 4px #000000;}

	
}


@media (min-width: 1200px) {

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

#main {width:1200px; margin:30px auto;}
h1 {
	font-size:50px;
	letter-spacing:-1px;	
	}
h2,h3 {	font-size:28px;
}
h4 {	font-size:26px;
}
h5 {	font-size:24px;
}
p {	font-size:24px;
}	
figcaption {  margin-right:20px;
}

.footer-container {opacity:1.0;
width:1200px; margin:0px auto;padding:30px 0px;
}
#site-footer p {font-size:15px;}

h1, h2, h3, h4, h5, h6, p	{text-shadow: 3px 3px 5px #000000;}



}













.footer-left {float:left;}
.footer-bottomright, .footer-bottomright-xs {float:right;text-align:right;}
.clear {clear: both;}

#site-footer .egosystem {font-size:12px;}
#site-footer .disclaimerlink {font-size:10px;}



table, th, td {
    border: 0px solid black;
    vertical-align: top;
    
}



.navborder {margin:0px 15px 0px 15px;}

.container-fluid {max-width: 1720px}

.navbar{
        margin-left:auto;margin-right:auto;margin-bottom:0px;max-width: 1690px;
    }



.jumbotron{
    background: url("../images/jumbotronbackground.jpg");
    /* background: #25425B url("../images/jumbotronbackground.jpg") no-repeat center center fixed;  USED FOR POSITIONING AN IMAGE CENTRALLY
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;      */
	border-radius:4px;
	margin-bottom:7px;
}

.columnone {border-radius:4px;}

.columntwo {border-radius:4px;}

.columnthree {border-radius:4px;background-color:#C9FF26;}

.columnfour {border-radius:4px;background-color:#26FFC9;}

.columnfive {border-radius:4px;background-color:#7396FF;}

.columnsix {border-radius:4px;background-color:#DC73FF;}

.shadow {
-moz-box-shadow: 5px 3px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 5px 3px 3px rgba(0,0,0,0.3);
box-shadow: 5px 3px 3px rgba(0,0,0,0.3);
} 


.row {margin:7px 1px;}

.progress {margin-top:7px;margin-bottom:7px;}

.img-thumbnail {margin-bottom:7px;}

.datebadge {margin:0px;}

#onehundredpercentwrapper {height:100%;min-height:100%;}

#stickyfoot {position:absolute;left:-10%;top:100%;background-color:magenta;width:120%;height:200px;margin-top:-200px;}



#catrocket {
    width: 140px;
    height: 140px;
    position: relative;
    margin-bottom:-140px;  
    -webkit-animation: mymove 240s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 240s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

/* Safari 4.0 - 8.0 */
#div1 {-webkit-animation-timing-function: linear;}
#div2 {-webkit-animation-timing-function: ease;}
#div3 {-webkit-animation-timing-function: ease-in;}
#div4 {-webkit-animation-timing-function: ease-out;}
#div5 {-webkit-animation-timing-function: ease-in-out;}

/* Standard syntax */
#div1 {animation-timing-function: linear;}
#div2 {animation-timing-function: ease;}
#div3 {animation-timing-function: ease-in;}
#div4 {animation-timing-function: ease-out;}
#div5 {animation-timing-function: ease-in-out;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {bottom: 0px; left:90%;}
    to {bottom: 3000px; left:60%;}
}

/* Standard syntax */
@keyframes mymove {
    from {bottom: 0px; left:90%;}
    to {bottom: 3000px; left:60%;}
}


@media (max-width: 992px) {
    #spacecraft, #spaceman {
        display: none;
    }
}


@media (min-width: 992px) {
    #spacecraft-sm, #spaceman-sm {
        display: none;
    }
}


#spacecraft {
    width: 170px;
    height: 82px;
    background-color: none;
    position: relative;
    margin-bottom:-52px;
    z-index:-1;
   
    -webkit-animation-name: spacecraft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 14s; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out;
    
    animation-name: spacecraft;
    animation-duration: 30s;
    animation-direction: alternate;   
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out;
    
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes spacecraft {
    0%   {left:330px; top:0px;}
    25%  {left:330px; top:0px;}
    50%  {left:335px; top:0px;}
    75%  {left:337px; top:0px;}
    100% {left:350px; top:0px;-webkit-transform: scale(1.2, 1.2);}
}

/* Standard syntax */
@keyframes spacecraft {
    0%   {left:330px; top:0px;}
    25%  {left:330px; top:0px;}
    50%  {left:335px; top:0px;}
    75%  {left:337px; top:0px;}
    100% {left:350px; top:0px;transform: scale(1.2, 1.2);}
}




#spaceman {
    width: 450px;
    height: 400px;
    background-color: none;
    position: relative;
   
    -webkit-animation-name: spaceman; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 14s; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out;
    
    animation-name: spaceman;
    animation-duration: 30s;
    animation-direction: alternate;   
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out;
    
    -ms-transform: rotate(340deg); /* IE 9 */
    -webkit-transform: rotate(340deg); /* Safari 3-8 */
    transform: rotate(340deg);
    
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes spaceman {
    0%   {left:0px; top:0px;}
    25%  {left:35px; top:-15px;}
    50%  {left:70px; top:-60px;-webkit-transform: scale(0.8, 0.8);}
    75%  {left:35px; top:-15px;}
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes spaceman {
    0%   {left:0px; top:0px;}
    25%  {left:35px; top:-15px;}
    50%  {left:70px; top:-60px;transform: scale(0.8, 0.8);}
    75%  {left:35px; top:-15px;}
    100% {left:0px; top:0px;}
}


#spacecraft-sm {
    width: 140px;
    height: 68px;
    background-color: none;
    position: relative;
    margin-bottom:-20px;
    z-index:-1;
   
    -webkit-animation-name: spacecraft-sm; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 60s; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out;
    
    animation-name: spacecraft-sm;
    animation-duration: 60s;
    animation-direction: alternate;   
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out;
    
}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes spacecraft-sm {
    0%   {left:50px; top:0px;-webkit-transform: scale(.4, .4);}
    100% {left:0px; top:0px;-webkit-transform: scale(1, 1);}
}

/* Standard syntax */
@keyframes spacecraft-sm {
    0%   {left:50px; top:0px;transform: scale(.4, .4);}
    100% {left:0px; top:0px;transform: scale(1, 1);}
}



#spaceman-sm {
    width: 300px;
    height: 267px;
    background-color: none;
    position: relative;
   
    -webkit-animation-name: spaceman-sm; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 60s; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out;
    
    animation-name: spaceman-sm;
    animation-duration: 60s;
    animation-direction: alternate;   
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out;
    
    -ms-transform: rotate(340deg); /* IE 9 */
    -webkit-transform: rotate(340deg); /* Safari 3-8 */
    transform: rotate(340deg);
    
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes spaceman-sm {
    0%   {left:0px; top:0px;}
    25%  {left:35px; top:-15px;}
    50%  {left:40px; top:-60px;-webkit-transform: scale(0.6, 0.6);}
    75%  {left:35px; top:-15px;}
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes spaceman-sm {
    0%   {left:0px; top:0px;}
    25%  {left:35px; top:-15px;}
    50%  {left:40px; top:-60px;transform: scale(0.6, 0.6);}
    75%  {left:35px; top:-15px;}
    100% {left:0px; top:0px;}
}

th, td {
    padding: 8px;
}

th, td {
    padding: 8px;
}

@media (max-width: 768px) {
    .footer-bottomright {
        display: none;
    }
}


@media (min-width: 768px) {
   .footer-bottomright-xs {
        display: none;
    }
}