@media screen and (orientation: portrait) and (min-device-height: 1366px) {
    div.logobar {
        padding: 10px 15px;
        background-color: rgb(248, 248, 248);
        color: #777777;
        background-image: url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        box-sizing: border-box;
        height: 300px;
        border-bottom: none;
        position: relative;
        background-position: center;
        background-size: cover;
        animation: rotateBackgrounds 200s infinite;
    }
    .navbar-brand {
        font-size: 2.6em;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        display: block;
        float: none;
        padding: 80px 0 0 0;
        height: auto;
        line-height: 120%;
        letter-spacing: 4px;
    }
    .place {
        float: left;
        display: block;
        font-size: 1.7em;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        text-decoration: none;
    }
    .place a:before {
        content: "Limassol, Cyprus";
        color: white !important;
        text-decoration: none;
    }
}

@media screen and (orientation: portrait) and (max-device-height: 1365px) {
    div.logobar {
        padding: 10px 15px;
        background-color: rgb(248, 248, 248);
        color: #777777;
        background-image: url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        box-sizing: border-box;
        /* height: 50%; */
        height: auto;
        border-bottom: none;
        position: relative;
        background-position: center;
        background-size: cover;
        animation: rotateBackgrounds 200s infinite;
    }
    .navbar-brand {
        font-size: 2.6em;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        display: block;
        float: none;
        padding: 80px 0 0 0;
        height: auto;
        line-height: 120%;
        letter-spacing: 4px;
    }
    .place {
        float: left;
        display: block;
        font-size: 1.7em;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        text-decoration: none;
    }
    .place a:before {
        content: "Limassol, Cyprus";
        color: white !important;
        text-decoration: none;
    }
}

@media screen and (orientation: landscape) and (max-device-height: 1080px) {
    div.logobar {
        padding: 10px 15px;
        background-color: rgb(248, 248, 248);
        color: #777777;
        background-image: url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        box-sizing: border-box;
        height: 220px;
        border-bottom: none;
        position: relative;
        background-position: center;
        background-size: cover;
        animation: rotateBackgrounds 200s infinite;
    }
    .navbar-brand {
        font-size: 40px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        display: block;
        float: none;
        padding: 90px 0 0 0;
        height: auto;
        line-height: 120%;
        letter-spacing: 4px;
    }
    .place {
        float: left;
        display: block;
        font-size: 25px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        text-decoration: none;
    }
    .place a:before {
        content: "Limassol, Cyprus";
        color: white !important;
        text-decoration: none;
    }
}

@media screen and (orientation: landscape) and (min-device-height: 1081px) {
    div.logobar {
        padding: 10px 15px;
        background-color: rgb(248, 248, 248);
        color: #777777;
        background-image: url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        box-sizing: border-box;
        height: 320px;
        border-bottom: none;
        position: relative;
        background-position: center;
        background-size: cover;
        animation: rotateBackgrounds 200s infinite;
    }
    .navbar-brand {
        font-size: 60px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        display: block;
        float: none;
        padding: 90px 0 0 0;
        height: auto;
        line-height: 120%;
        letter-spacing: 4px;
    }
    .place {
        float: left;
        display: block;
        font-size: 50px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: white !important;
        text-shadow: 0 0 3px black;
        text-decoration: none;
    }
    .place a:before {
        content: "Limassol, Cyprus";
        color: white !important;
        text-decoration: none;
    }
}

@keyframes rotateBackgrounds {
    0% {
        background-image: url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png'), url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png');
    }
    35% {
        background-image: url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png'), url('https://conf.researchr.org/getImage/saner-2026/orig/SANER+WEBSITE+IMAGES-.png');
    }
    70% {
        /* Adjust as necessary */
    }
}

.logobar .container {
    border-bottom: none;
}

.logobar a {
    color: #4e5e6b;
}

.navbar {
    border-top: none !important;
}

.navbar {
    border-radius: 1.7em !important;
}

.place a:before {
    content: "";
    color: white !important;
    text-decoration: none;
}

.place a {
    color: white !important;
    text-decoration: none;
    display: block;
}

.place2 {
    float: right;
    padding: 23px 0 0 0px;
}