#scoop-kara {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#30A7BF;
    background-image:url(https://pro.scoop.co.nz/wp-content/uploads/2017/11/ScoopProLogo.png);
    background-position:2.5% center;
    background-repeat:no-repeat;
    background-size:17%;
    cursor:pointer;
    color:white;
    padding:16px 10px 16px 22%;
    overflow:hidden;
    user-select:none;
    box-sizing:border-box;
    box-shadow:0 -6px 4px 0 rgba(0, 0, 0, 0.3);
}

#scoop-kara-appeal {
    font-size:24px;
    font-weight:bold;
    font-family:Source Sans Pro, Trebuchet MS, Arial, sans-serif;
    float:left;
    width:60%;
}

#scoop-kara-action {
    font-style:italic;
    font-weight:bold;
    text-decoration:underline;
    float:left;
    width:25%;
    margin-left:5%;
    margin-top:17px;
}

#scoop-kara-close {
    margin-right:2%;
    float:right;
    font-size:30px;
    font-family:Material Icons;
}

@media(max-width:1340px) {
    #scoop-kara-action {
	margin-top:30px;
    }
}

@media(max-width:1024px) {
    #scoop-kara-action {
	display:none;
    }

    #scoop-kara-appeal {
	width:80%;
	font-size:22px;
    }

    #scoop-kara {
	background-size:26%;
	padding-left:30%;
    }
}

@media(max-width:640px) {
    #scoop-kara-appeal {
	width:80%;
	font-size:18px;
    }

    #scoop-kara {
	background-size:30%;
	padding-left:34%;
    }
}

@media(max-width:500px) {
    #scoop-kara-appeal {
	width:80%;
	font-size:18px;
    }

    #scoop-kara {
	background-size:200px;
	background-position:20px 90%;
	padding-bottom:70px;
	padding-left:20px;
	padding-top:20px;
    }
}