body {font-family: "League Spartan", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px; margin:0; color: white; background: url(/images/bg.jpg) top center no-repeat; background-size: cover;}
.content {padding-top: 130px; text-align: center;}
.logo {width: 100%; max-width: 700px; margin-bottom: 40px;}
.hero {text-transform: uppercase; font-size: 50px; line-height: 54px;}
.hero span {color: #b7a775;}

.hero2 {text-transform: uppercase; font-size: 30px;}
.line2 {display: block; background: #b7a775; height: 2px; width: 100%; max-width: 150px; margin: 6px auto 15px auto;}


.kontakt, .kontakt a {color: #b7a775; text-decoration: none; font-size: 30px; font-weight: 300; margin-top: 30px;}
.kontakt a:hover {text-decoration: underline;}

.line {display: inline-block; background: #b7a775; height: 3px; width: 100%; max-width: 350px; margin-top: 80px;}

.spoluprace {color: #b7a775; text-decoration: none; font-size: 25px; margin-top: 25px;}


/*   Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.kontakt, .kontakt a {font-size: 25px; margin-top: 30px;}
.spoluprace {font-size: 20px;margin-top: 70px;}
.content {padding-top: 100px;}



}

/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px)  {
.kontakt, .kontakt a {font-size: 25px; margin-top: 30px;}
.spoluprace {font-size: 20px;margin-top: 70px;}
.content {padding-top: 100px;}

}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.hero {text-transform: uppercase;font-size: 35px;line-height: 44px;}

}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.hero {text-transform: uppercase;font-size: 39px;line-height: 48px;}

}