@charset "utf-8";

/* 背景画像の設定 */
.jumbotron {
    background-image: url("Images%205/fairmont_orchid_hawaii.png");
    background-position: center; /* 中央に合わせる */
    background-size: cover;
    color: white; /* 全体の文字色を白に */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7); /* 文字を読みやすくする影 */
}

/* 各見出しの色を白で固定 */
.well.jumbotron h1, 
.well.jumbotron h2 {
    color: #ffffff !important;
}

/* スマホ用：ボタンを縦に並べて画像内に収める */
@media (max-width: 767px) {
    .jumbotron p {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px; /* ボタン間の隙間 */
    }
    .jumbotron .btn {
        width: 80%; /* 横幅を広げて押しやすくする */
        margin: 0 !important;
    }
}