* {
    outline: none;
}

body {
    background-color: black;
    margin: 0px;
}

nav {
    position: fixed;
    top: 0px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 53px;
    border-bottom: solid rgb(51, 51, 51) 1px;
}

.BarcelonaTravelVideo {
    position: fixed;
    top: 0px;
    z-index: 1;
    right: 0px;
    height: 350px;
    border-bottom-left-radius: 40px;
}
img {
    border-radius: 8px;
    border: solid black 2px;
}

.flagPole {
    border-radius: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: 51px;
}

.hmBtn {
    margin-bottom: 3px;
    background-color: transparent;
    color: white;
    border: solid gray 1px;
}

/* MEDIA QUERY ******************************************************************************* */

@media only screen and (max-width: 600px) {

    .BarcelonaTravelVideo {
        z-index: -1;
        width: 100%;
        top: auto;
        bottom: 0px;
        /* border-top: solid 2px rgb(51, 51, 51); */
    }

    body {
        text-align: center;
    }



}