html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration:none;
	list-style: none;
}
html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Didact Gothic', sans-serif;
}
input, select, submit, button {
	outline: 0;
	font-family: 'Didact Gothic', sans-serif;
	background: white;
}
html,body { height: 100%; margin: 0px; padding: 0px; }
body {
	animation: opacityOn .3s .3s both;
	background: black;
	height: 100%;
}
div#background-head {
	background: black url(img/background_in.png);
	background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
	height: 100%;
	position: fixed;
}
img {
	display: block;
    margin-top: 300px;
    margin-left: 249px;
	animation: opacityOn 1s 2s both;
}
#h1-title {
	text-align: right;
    margin-top: 83px;
	margin-left: 20px;
    display: inline-block;
    padding: 40px;
    line-height: 167%;
    letter-spacing: 1.5px;
}
#h1-title  span {
font-size: 370%;
    color: white;
    font-weight: bold;
    margin-left: 30px;
}
#h1-title  small {
    display: block;
    color: #fec786;
    font-size: 200%;
	font-weight: bold;
}
#btn-otomoto {
	margin-top: -56px;
   margin-left: 57px;
}
a {
border-radius: 30px;
    border: 1px solid gray;
    padding: 18px 16px 18px 39px;
    color: white;
    font-size: 120%;
    display: inline-block;
    position: relative;
    border-color: #fec786 #97000000 #fec786 #fec786;
    border-radius: 30px 0 0 30px;
	animation: opacityOn 5s 1s both;
}
a:hover {
	background: linear-gradient(10deg,#fec786 0%, #97000000 50%, #97000000 101%);
	border-right: aliceblue;
}
a:before {
    content: '';
    position: absolute;
    background: url(img/btn-otomotto.png);
    width: 82px;
    height: 62px;
    top: -1px;
    right: -82px;
	

}
#background-white {
	background: url(img/background_white.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10%;
	background-repeat: no-repeat;
	animation: opacityOn 1s .1s both;
	z-index:-1;
}
#background-yellow {
	background: url(img/background_yellow.png);
    width: 100%;
    height: 100%;
    position: absolute;
	background-repeat: no-repeat;
	z-index:-1;
    top: -10%;
	opacity: 0.4;
	animation: opacityOn 2s 1s both;
}
@keyframes opacityOn {
  0% { opacity: 0; }
  100% {opacity: 100%; animation-play-state: paused;}
}
@media (max-width: 768px) {

}