/* CSS RESET */
*{padding:0;margin:0}


.opace {
    font-family: 'Italianno', cursive;
    font-size: 5vh;
    opacity: 0.5;
}

/* START Fixed navbar on mobile and desktop */
.navbar-item { display: flex; }
.navbar, .navbar-menu, .navbar-start, .navbar-end {align-items: stretch; display: flex; padding: 0;}
.navbar-menu{ flex-grow: 1; flex-shrink: 0; }
.navbar-start{ justify-content: flex-start; margin-right: auto; }
.navbar-end{ justify-content: flex-end; margin-left: auto; }
/* END  Fixed navbar on mobile and desktop*/


.big-img {
    height: 100%;
    position: relative;
    text-align: center;
    background-image: url("img/Header-1-small.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.info-img {
    height: 40vh;
    max-width: 900px;
    margin: auto;
    position: relative;
    background-image: url("img/info-small.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.day-img {
    height: 40vh;
    max-width: 900px;
    margin: auto;
    position: relative;
    background-image: url("img/header.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thanks-img {
    height: 40vh;
    max-width: 900px;
    margin: auto;
    position: relative;
    background-image: url("img/RIX_4405.JPG");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.countdown {
    /* font-family: Arial, Helvetica, sans-serif; */
    /* font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
    font-family: 'Libre Baskerville', serif;
    /* font-size: 2vmin; */
    /* font-size: 30px; */
    text-align: center;
    height: 100px;
    top: 50%;
    margin: auto;
}

.countdown-container {
    max-width: 700px;
    margin: auto;
}

.countdown p {
    /* padding: 25px 0; */
    display: block;
}

.img-text {
    width: 100%;
    height: 15%;
    position: absolute;
    /* top: 70vh;  */
    /* top: 50vh; */
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: aliceblue;
    /*
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    */
    /*
    font-family: 'Pacifico', cursive;
    */
    /*
    font-family: 'Pinyon Script', cursive;
    */

    font-family: 'Italianno', cursive;

    /*
    font-family: 'Lovers Quarrel', cursive;
    */
}

.info-text {
    width: 100%;
    /* height: 15%; */
    /* left: 50%; */
    top: 60%;
    position: relative;
    text-align: center;
    margin: auto;
    /* transform: translate(-50%, -50%); */
    color: aliceblue;
    font-family: 'Italianno', cursive;
    font-size: 3em;
    max-width: 300px;
}

.location-img {
    height: 40vh;
    position: relative;
    margin: auto;
    max-width: 900px;
    background-image: url("img/backaskog-small-100dpi.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.longer-text h1 {
    /* font-size: xx-large; */
    font-size: 3em;
    font-family: 'Italianno', cursive;

}
.longer-text {
    max-width: 700px;
    margin: auto;
    padding-top: 30px;
    padding-left: 5px;
    padding-right: 5px;

}



.room-list li {
    font-weight: bold;
    padding-left: 5px;
    list-style: circle;
    padding-bottom: 20px;
}

.room-list li li {
    font-weight: lighter;
    list-style: disc;
    padding-bottom: 0px;
}

.room-list li p {
    font-style: italic;
    font-weight: lighter;
    padding-top: 0px;
    margin-top: 1px;
    font-size: 14px;
}

.room-list {
    margin-top: 30px;
}

.room-list div {
    font-style: italic;
}

.room-list li {
    text-align: center;
    list-style: none;
}
.room-list li li {
    text-align: center;
    list-style: none;
}

.longer-text p {
    margin-top: 10px;
}

.txt1 {
    font-size:15vmin;

}

.txt2 {
    font-size: 1.25em;
}

.bottom {
    margin-top: 50px;
}

footer {
    /* position: fixed; */
    /* bottom: 0; */
    /* width: 100%; */
    /* height: 400px; */
    
    background-color: #485460;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

a:hover {
    text-decoration: none;
}


.flex-grow {
    flex-grow: 1;
}

.contact {
    padding: 30px;
    color: aliceblue;
    /* margin: 10px; */
}

.contact i {
    font-size: smaller;
}

.contact p {
    padding-top: 10px;
}

.contact a {
    color: aliceblue;
}