body {font-family: 'Titillium Web', sans-serif; font-size: 16px; margin: 10px;}

.container {max-width:400px;}

a {color: rgba(115,115,115,1.0);}
a.active, a:hover {text-decoration: none;}

h1 {font-size: 1.500em; font-weight: 700; margin: 0px;}
h2 {font-size: 1.500em;}
h3 {font-size: 1.500em; font-weight: 700;}
h4 {font-size: 1.125em;}

.header {color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; padding: 10px 0px; margin-top: 10px;}

.videoheader {cursor: pointer;}
.videoblock {cursor: pointer;}
.video-btn {top:0; height: 100%; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.3); color: rgba(255,255,255,0.6); transition: all ease 0.3s; cursor: pointer;}
.video-btn:hover {background-color: transparent; color: transparent;}

.header-artno {color: rgba(115,115,115,1.0); font-weight: 700; cursor: pointer;}
.header-video {font-size:1.250em; font-weight: 400;}

.inputfield, .textarea, button {width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid rgba(200,200,200,1.0);}
button {font-weight: 700; cursor: pointer;}

.video-preview-image {cursor: pointer;}

.border {border: 1px solid #ddd;}

@media (max-width: 575px) {
body {font-size: 14px;}
}

.search-by-car-button {background-color: rgba(155,155,155,1.0);}