/**
 * BWYS Vue component styles
 */

 .fwd-buttons-footer {
    position: fixed;
 }
 
 .single-boat .grid-item .image-content {
   align-items: center;
   height: 100%;
   display: flex;
   width: 100%;
   justify-content: center;
 }
 
.single-boat .grid-item .image-content i {
   background-color: #eceff1;
   color: #005cb3;
   border-radius: 100%;
   font-size: 24px;
   height: 50px;
   width: 50px;
   padding: 0.5rem;
   line-height: 34px;
   text-align: center;
}

 @media screen and (min-width: 370px) {
   .single-boat .grid-item .image-content i {
      height: 81px;
      line-height: 50px;
      padding: 1rem;
      width: 81px;
    }

   .single-boat .grid-item .image-content .fa-youtube {
      font-size: 44px;
   }

   .single-boat .grid-item .image-content .fa-360-degrees {
      font-size: 40px;
   }

}