|
|
|
@ -8,9 +8,9 @@ |
|
|
|
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> |
|
|
|
<style> |
|
|
|
html, body, * { font-family: 'Lato', sans-serif; } |
|
|
|
.hero-body { background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 0% 80% } |
|
|
|
.hero-body { background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 0% 50% } |
|
|
|
@media screen and (max-width: 1100px) { .hero-body { background-position: 50% 50%; } } |
|
|
|
@media screen and (max-width: 600px) { .hero-body { background-position: 65% 50%; } } |
|
|
|
@media screen and (max-width: 750px) { .hero-body { background-position: 65% 50%; } .hero-body .title { margin-top: -4rem; } } |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
|
