html,body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background-color: #000;
    overflow: hidden;
}
#container{
    width:100%;
    height: 100%;
    background-size: cover;
    position: relative;
    background-image:url("../images/year_2025/november/COM-Home-banner-desktop-1920x900.jpg");
    background-repeat: no-repeat;
    background-position: center;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#logo-container{
    display:inline-block;
}
#logo-container > img{
    margin:0 auto;
}
#content{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:0;
}
#heading{
    display:inline-block;
    color:#fff;
    font-family: GothamBook;
    text-align: center;
    font-size:60px;
    font-weight: unset;
}
#shop-select-form{
    display:inline-flex;
}
#shop-select{
    padding:3px 35px 2px 10px;
    font-family: GothamBook;
    background-color:#fff;
    font-size: 16px;
    /*width: 292px;*/
    height: 43px;
    outline: none;
    cursor: pointer;
    appearance:none;
    text-transform: uppercase;
    -webkit-appearance:none; /* safari and chrome */
    -moz-appearance:none; /* Mozilla */

    background-image: url("../images/211687_down_arrow_icon.svg");
    background-repeat: no-repeat, repeat;
    background-position: right .3em top 50%, 0 0;
    background-size: 2em;
    border:1px solid #000;
}
#shop-select::-ms-expand{
    display:none;
}
#form-submit {
    background-image: url("../images/211620_b_right_arrow_icon.svg");
    background-repeat: no-repeat;
    background-position:center;
    background-size: 24px;
    width: 40px;
    outline: none;
    margin-left:15px;
    cursor: pointer;
    border:1px solid #000;
    background-color:#fff;
}
#tmp-note {
    display:block;
    color:#fff;
    font-family: photograph_signatureregular;
    text-align: center;
    font-size:52px;
    font-weight: unset;
    margin-top: 0.67em;
    margin-left: -0.5em;
}
@font-face {
    font-family: 'photograph_signatureregular';
    src: url('/fonts/photographsignature-webfont.woff2') format('woff2'),
    url('/fonts/photographsignature-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*@media only screen and (max-width: 1920px) {*/
/*    #container {*/
/*        background-image: url("../images/BF-REVEAL-(com)-Main-banner-(4)-1920x900.jpg");*/
/*        !*background-position: bottom center;*!*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1440px) {*/
/*    #container {*/
/*        background-image: url("../images/BF-REVEAL-(com)-Page-banner-1440x580.jpg");*/
/*        !*background-position: bottom center;*!*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1280px) {*/
/*    #container {*/
/*        background-image: url("../images/BF-REVEAL-(com)-Page-banner-1280x500.jpg");*/
/*        !*background-position: bottom center;*!*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1024px) {*/
/*    #container {*/
/*        background-image: url("../images/BF-REVEAL-(com)-Page-banner-1024x520.jpg");*/
/*        !*background-position: bottom center;*!*/
/*    }*/
/*}*/

@media only screen and (max-width:1500px) {
    #container {
        background-image: url("./../images/year_2025/november/COM-Home-banner-mobile-1080x1920.jpg");
        background-position: center;
    }
}
@media only screen and (max-width:768px){
    /*#container{*/
    /*    background-image:url("./../images/4th-Birthday-COM-Home-banner-desktop-1920x1200.jpg");*/
    /*    background-position: center;*/
    /*}*/
    #heading{
        font-size:32px;
    }
    #shop-select{
        width: 190px;
        background-size: 1.25em;
        font-size:14px;
        padding-right: 22px;
    }
    #shop-select-form{
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    #form-submit{
        margin-left: 2px;
    }
    #tmp-note {
        font-size:32px;
    }
}