body {
    background-color: black;
    margin: 0;
}

html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}


.bancontainer {
    display: flex;  
    justify-content: center;
     max-height: 140px;
   position:relative;
}



.banfigure {
    padding: 5px;
    position:absolute;
    left: calc((100% - 390px)/2 );
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    max-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banfigure img {
  display: block;
  max-height: 110px;
  margin-left: auto;
  margin-right: auto;
}

.logo {
  margin-left: auto;
  margin-right: auto;
  max-height: 140px;
}

.banner {
    position: relative;
    background-image: url(../img/space-bg.jpeg);
    background-size: cover;  
}

.gctitle {
    font-size: large !important;
    text-align: center !important;
    width: 100%;
    
}

.movieintro {
    color: #FBDA07 !important;
}

.main-content-wrap {
    background: linear-gradient(to bottom right, white,white,white, gray, white,white,white, gray, white,white,white, gray, white,white,white, gray, white, white,white);
    padding: 20px;
    border-radius: 40px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.main-content {
    min-height: 300px;
    color: white;
    background-color: black;
    border: 0px solid #FFFFFF;
    border-radius: 20px;
    padding: 10px;
}

.main-content a, .main-content a:visited {
  color: white;
  text-decoration: none;
  border-bottom: 2px solid white;
}

.main-content a:hover {
  border-bottom: 2px solid blue;
}

.footer {
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: url(../img/space-bg.jpeg);
  color: white;
  text-align: center;
}

.footlinks a:link, .footlinks a:visited {
    color: white;
    padding: 5px 10px;
    white-space: nowrap;
    display:inline-block;
} 

#toTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 60px; /* Place the button at the bottom of the page */
  right: 0px; /* Place the button 30px from the right */
  z-index: 98; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  #background-color: #D0D3D4; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

.abut {
  color: white;
  cursor: pointer; 
  background-color: gray; 
  padding:10px; 
  border: 2px solid #2980B9;  
  border-radius:6px;
  font-size: 15px;
}

.gbut {
    cursor: pointer; 
    background-color: #E5E7E9; 
    border: 2px solid #34495E;
    border-radius: 12px; 
    font-size: 20px; 
    font-family: Gill Sans; 
    color: #2471A3;  
    padding: 14px 16px
}   

hr {
	border: 0;
	border-top: 1px solid #2980B9;
}


/* MENU */
/*Strip the ul of padding and list styling*/
.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: sticky;
}
/*Create a horizontal list with spacing*/
.nav li {
  float: left;
  border-right: 1px solid #bbb;
}
/*Style for menu links*/
.nav li a {
    display: block;
    color: #FBDA07;
    text-align: center;
    padding: 14px 16px;
    font-family: Gill Sans;
    background: #2f3036;
    text-decoration: none;
}
/*Hover state for top level links*/
.nav li:hover a {
    background-color: #111;
}

/*Style 'show menu' label button and hide it by default*/
.nav .show-menu {
    font-family: Gill Sans;
    text-decoration: none;
    color: #FBDA07;
    background: #333;
    text-align: center;
    padding: 10px 0;
    display: none;
}
/*Hide checkbox*/
.nav input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
.nav input[type=checkbox]:checked ~  #menu {
        display: block;
        }
.responsive-youtube {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.responsive-youtube iframe{
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/*Responsive Styles*/
@media screen and (max-width : 760px){
    .main-content-wrap {
        padding: 2px;
        border-radius: 4px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .main-content {
        border-radius: 2px;
        padding: 1px;
    }

    .nav {
        position: relative;
         z-index: 2;   
    }
    /*Make dropdown links appear inline*/
    .nav ul {
        position: absolute;
        display: none;
    }
    /*Create vertical spacing*/
    .nav li {
        border-top: 1px solid #bbb;
    }
    /*Make all menu links full width*/
    .nav ul li, .nav li a {
        width: 100vw;
    }

.nav li a {
        padding: 14px 0px;
    }

    /*Display 'show menu' link*/
    .nav .show-menu {
        display:block;
    }
    
}

.nav .active {
  background-color: #4682B4;
}

/* END MENU */