*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

p{
    margin-bottom: 1em;
}

.ce-banner{
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 1em;
    color: #fff;
    font-size: 12px;
    line-height: 16px !important;
}
	.ce-banner p{
		font-size:12px;
		line-height: 14px !important;
	}
	
.ce-banner p a {color:#A7A7A7; text-decoration:none;}
.ce-banner p a:hover {color:#CC7324; text-decoration:none;}


.ce-accept, .ce-dismiss, .ce-disable{
    background-color: #333;
    color: #fff;
    text-decoration: none;
    padding: .6em 1em;
    display: inline-block;
    margin: 0 .5em;
}

.ce-disable{
    background-color: #aaa;
}


.ce-accept:hover,
.ce-dismiss:hover,
.ce-disable:hover{
    background-color: #fff;
    color: #000;
}

.ce-accept{
    background-color: #9FFF00;
    color: #000;
    cursor: pointer;
text-align: center;
font-size: 12px;
display: block;
margin-left: 10px;
float: right;
background-color: #F1D600;
transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
border-radius: 5px;
}

.ce-accept:link {color:#574747 !important; text-decoration:none;}
.ce-accept:hover {color:#CC7324 !important; text-decoration:none;}


@media screen and (min-width: 500px){
	.ce-accept{
		font-size:14px
	}
	.ce-banner p{
		font-size:14px;
		line-height: 18px !important;
	}

}

@media screen and (min-width: 768px){
	.ce-accept{
		font-size:16px
	}
	.ce-banner p{
		font-size:16px;
		line-height: 22px !important;
	}

}

@media screen and (min-width: 992px){
	.ce-accept{
		font-size:17px;
	}
	.ce-banner p{
		font-size:17px;
		line-height: 22px !important;
	}


}

.ce-dismiss{
    position: absolute;

    font-size: .8em;

    right: 1em;
    top: 1em;

    background-color: #ccc;
    color: #333;
}

.ce-iframe-placeholder{
    padding: 1em;
    background-color: #eee;
    margin: 1em 0;
}

.ce-iframe-placeholder p{
    margin: 0;
}

iframe{
    width: 100%;
}