html {
    width: 100%;
}

.notificationbar {
	position: relative;
    left: 0px;
    height: 30px;
    top: -50px;
    width: 100%;
    text-align: center;
    background: red;
    z-index: 99999;
}

.noclick {
    pointer-events: none;
}

.notificationbar-bg1 {
    background: darkred;
    margin: 0;
}

.notificationbar > h1 > a {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 4px;
    border: 2px solid #4CAF50;
    float: right;
    margin-right: 15px;
    text-decoration: none;
}

.notificationbar > h1 > span:not(.ipaddress) {
    font-size: larger;
}

.notificationbar > h1 > span.ipaddress {
    float: left;
    padding: 4px;
}

.notificationbar > h1 > span.ipaddress > a {
    color: pink;
}

.notificationbar > h1 > a:hover {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.notificationbar-bg2 {
    background: red;
}

.notificationbar h1 {
    color: white;
    font-size:1vw;
}

@media (min-width:320px)  {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .notificationbar {
        height: 60px;
    }
    .notificationbar > h1 {
        font-size: 16px;
    }
}
@media (min-width:480px)  {
    /* smartphones, Android phones, landscape iPhone */
}
@media (min-width:600px)  {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
}
@media (min-width:801px)  {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .notificationbar {
        height: 30px;
        top: -50px;
    }
}
@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
}
@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}

noscript > img {
    display: none;
}

.verified-reviewer-no {
    display: none;
}