.container-fluid.main{ position: relative; /* To make the navbar positions relative to this container */padding: 0;} #goo{z-index: 1000;}   .navbar-toggleable-md{background-color: rgba(0,0,0,1);border-radius: 0px;border: 0;box-shadow: none;padding: 10px;top: 0; left: 0;right: 0; z-index: 1000; color: #ffffff; border: none; padding: 0; margin:0; text-align: center;}.carousel-item .img-fluid {width:100%;}.carousel-item a { display: block;width:100%;}  .carousel .background {  background-position: center center; background-size: 100% 100%;  background-repeat: no-repeat; } .covertext { position: absolute; /* To make the div to be place anywhere. It is out of the document flow */ top: 300px; /* The distance between the div with the top of document */ left: 0px; /* Make the div full width */right: 0px; /* Make the div full width */  z-index: 999;  }  .title { font-family: Verdana; font-weight: 600; font-size: 65px; color: orangered; text-align: center; } .subtitle { font-family: Verdana; font-size: 36px; color: orangered; text-align: center; }  .explore {  text-align: center; margin-top: 10px; }  .explore .btn-lg, .explore .btn-lg:hover {  border-radius: 30px; padding: 15px 25px; font-size: 22px; background-image: none; background-color: #FF4000; border-color: #FF4000; color: #ffffff; } .btn,.btn:hover { border-radius: 0px; background-image: none;  background-color: #FF4000; border-color: #FF4000; color: #ffffff; margin-bottom: 20px;  box-shadow: none; outline: none;  } .btn:focus,.btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,.btn.active.focus { color: #ffffff;  outline: none;  } #footer-main {background-color: black; color: white; font-size: 0.8rem; padding: 2.5rem 0; }#footer-main h6 { color:white; padding: 0 0 0 30px; }  @media (max-width:640px) {.covertext { position: absolute; /* To make the div to be place anywhere. It is out of the document flow */  top: 70px; /* The distance between the div with the top of document */ left: 0px; /* Make the div full width */ right: 0px; /* Make the div full width */ z-index: 999; }  .title {  font-family: Verdana;font-weight: 600; font-size: 25px;color: orangered; text-align: center; }.subtitle { font-family: Verdana; font-size: 15px;color: orangered; text-align: center;}.btn, .btn:hover { border-radius: 0px; background-image: none; background-color: #FF4000;border-color: #FF4000; color: #ffffff;  margin-bottom: 10px; box-shadow: none; outline: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,.btn.active.focus { color: #ffffff; outline: none;}}  /* Move down content because we have a fixed navbar that is 50px tall *//.jumbotron {padding-top: 6rem;padding-bottom: 6rem; margin-bottom: 0;background-color: #fff;background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 0px; max-height:350px;}.jumbotron-heading { font-weight: 300;}.jumbotron .container {padding: 2rem;color: white;text-align: center;}.jumbotron p { color: white;text-shadow: 0 0 10px rgba(0,0,0,0.5);} #footer-main {background-color: black; color: white; font-size: 0.8rem; padding: 2.5rem 0; } #footer-main h6 {  color:white; padding: 0 0 0 30px;}