@charset "utf-8";
/* CSS Document */

#customElement {
    height: 400px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /*background: url("/themes/bootstrap_for_drupal_subtheme/assets/dist/cover.png") no-repeat center center;*/
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
#testText {
    position: absolute;
    font-family: 'Lobster', cursive;
    font-size: 16px;
    text-align: center;
    line-height: normal;
    color: #EF0000;
    margin-top: 0;
    text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.60);
}
button {
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    background: #f0f0f0;
    color: #444;
    line-height: 30px;
    margin: 3px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
button:focus {
    outline: none;
}
@media (min-width: 769px){
	#customElement{top:0}
	#testText{width: 80%;}

}
@media (max-width: 768px){
	#customElement{top:78px}
	#testText{width: 50%;}
}