.hLine{  
    text-decoration-color: #FFC000;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.1em;
}
.ship1{
    background-image: url("../images/Oil\ Tanker\ 2.png");
    background-position: center;
    background-size: cover;
    height: 100vh;
    box-sizing: border-box;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .top-right {
    position: absolute;
    top: 4vmin;
    right: 4vmin;
  }
#text1{
    text-align: center;
    color: white;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 4.5vmin; 
    font-style: normal; 
    font-variant: normal;
    font-weight: 700; 
    padding-top: 10vh;
}

#text2{
    text-align: center;
    color: white;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 2.2vmin; 
    font-style: normal; 
    font-variant: normal;
}

#text3{
    text-align: center;
    color: white;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 2vmin; 
    font-style: normal; 
    font-variant: normal;
    padding-top: 1vh;
}

#text4{
    text-align: center;
    color: #FFC000;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 3vmin; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 700; 
    padding-top: 1vh;
  text-decoration-color: #FFC000;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.1em;
}

#text5{
    text-align: center;
      color: white;
      font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
      font-size: 4vmin; 
      font-style: normal; 
      font-variant: normal;      
      padding-bottom: 1.5vh;
      padding-left: 2vh;
      font-weight: 700; 
  }

  #text6{
    text-align: left;
      color: #FFC000;
      font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
      font-size: 2.5vmin; 
      font-style: normal; 
      font-variant: normal;      
  }
  
  #text7{
    text-align: left;
      color: #FFC000;
      font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
      font-size: 2.5vmin; 
      font-style: normal; 
      font-variant: normal;     
  }

  #colCount{
      column-count: 2;
  }
  
  #text8{
    text-align: center;
    color: #FFC000;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 3vmin; 
    font-style: normal; 
    font-variant: normal; 
  }
    
  #text9{
    text-align: center;
    color: white;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 4vmin; 
    font-style: normal; 
    font-variant: normal;
    margin-top: 20vmin;      
  }
  
#text10{
    text-align: center;
    color: white;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 3vmin; 
    font-style: normal; 
    font-variant: normal;   
    margin-top: 5vh;   
  }

.card{
    border: none;
}
/* .image1 { */
  /* background-image: url("images/Oil Tanker 2.png");  */
  /* The image used */
  /* width: 100%; */
  /* background-size: cover; */ 
  /* background-position: center top; */
  /* margin-top: 100px; */
/* } */


@media (min-width: 768) {

    .card {
      overflow: hidden;
    border: none;
    }
    
    .row.text-over-image {
      width: 100%;
    }
    
    .text {
    
      font-size: 50px;

    }
    
    .image a {
    
      width: 100%;
    
    }
    
    img {
    
      width: 100%;
    
      object-fit: cover;
    
    }

    
    }