.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 0px;
    border-radius: 0px;
}

.jumbotron {

    margin-bottom: 0px;
    background-image: url(https://www.nnvl.noaa.gov/NESDIS/site/images/iodnesdis.png);
    background-position: 0% 15%;
    background-repeat: no-repeat;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;
     background-size: cover;  
     background-position: top center;
  
  min-height:500px;
  height: auto;
  width:100%;
    
}

.jumbotron .display-3 {
  

  margin-top:170px;
  margin-left:0px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:20px;
  background: rgba(0, 0, 0, 0.5);
  

}

.jumbotron h1, .jumbotron .h1 {
    font-size: 30px;

}

.background_quote {
 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width:100%;
    height: auto;
    border: 5px solid #b3b3b3;
    background: #cccccc;

}

.Front_Featured_Image1 {
    max-width:106%;
    height:auto;
 
}
.Front_Featured_Image2 {

    max-width:106%;

    height:auto;
    margin-left:37px;
    
}

@media only screen and (max-width: 1280px) {
    
    .Front_Featured_Image1 {
    max-width:100%;

    height:auto;
 
}
.Front_Featured_Image2 {

    max-width:100%;

    height:auto;
    margin-left:30px;
    
}
    
}

@media only screen and (max-width: 992px) {
  .Front_Featured_Image1 {
    max-width:55%;
    padding-bottom:30px;
    height:auto;
 
}
.Front_Featured_Image2 {

    max-width:55%;

    height:auto;
    margin-left:0px;
    
}       
}

@media only screen and (max-width: 900px) {
.Front_Featured_Image1 {
    max-width:55%;
    padding-bottom:30px;
    height:auto;
 
}
.Front_Featured_Image2 {

    max-width:55%;

    height:auto;
    margin-left:0px;
    
}     
}

@media only screen and (max-width: 800px) {
 
     .Front_Featured_Image1 {
    max-width:55%;
    padding-bottom:30px;
    height:auto;
 
}
.Front_Featured_Image2 {

    max-width:55%;

    height:auto;
    margin-left:0px;
    
}  
}

@media only screen and (max-width: 502px) {
  
  .Front_Featured_Image1 {
    max-width:33%;
    padding-bottom:30px;
    height:auto;
 
}
.Front_Featured_Image2 {

    max-width:33%;

    height:auto;
    margin-left:0px;
    
}  
    
}