body {
    background-image: url('/img/domains/magion/bg.jpg');
    background-color: #ede7ca;
}
.domain-color {
    color: #cba66d !important;
}
header h1 {
    font-size: 10vw;
    padding-top: 90px;
    padding-bottom: 20px;
}
header .subtitle {
    font-size: 7vw;
    margin-bottom: 0;
    line-height: 1.3;
    color: #fff;
}
.box-bg{
    background-color: #2f1f0a ;
}
.box-bg p {
  color: #fff;
}
.main-content ul li {
    background-image: url('/img/domains/juice/square.png');
}
a.more {
    border: 1px solid #cba66d;
    color: #cba66d !important;
    background-color: rgba(187, 154, 107, 0.05);
}
a.more:hover {
    background-color: rgba(187, 154, 107, 0.1);
}
.navbar-toggleable-sm .navbar-toggler,
.button-close {
    border: 2px solid #000;
}
.navbar-toggler span.icon-bar,
.button-close span.icon-bar {
   background-color: #000;
}
nav ul li {
    background-color: #fff;
}
nav li a,
nav li.active a:hover {
    color: #000;
}
nav li a:hover {
    color: #b59462;
}
a.button-close {
    border-color: #cba66d;
}
.box {
    padding: 20px 10% 0 10%;
    margin: 0;
}
.main-content h1,
.notice h1 {
    color: #cba66d;
}
.main-content p {
/*    border-top-color:  #cba66d;*/
	border-top: none;
}
.main-content .gallery div a {
  color: #cba66d;
}
nav span.label {
  color: #000;
}

@media only screen and (min-width : 768px) {
    header h1 {
	font-size: 70px;
    }
    header .subtitle {
	font-size: 40px;
    }
}
/* XtraSmall Devices, Tablets */
@media only screen and (min-width : 576px) {
	header .container .satellite {
	    width: 55%;
	    height: 300%;
	    position: absolute;
	    z-index: -1;
	    background: url('/img/domains/magion/druzice.png') no-repeat right;
	    background-size: contain;
	    animation: fadeInDown 1.65s ease-in, upDown 1.5s alternate infinite ease-in-out;
	    animation-delay: 0s, 1.65s;
	    -webkit-animation: fadeInDown 1.65s ease-out, upDown 1.5s alternate infinite ease-in-out;
	    -webkit-animation-delay: 0s, 1.65s;
	    top: -125px;
	    right: 0;
	}
	@keyframes upDown {
	    to { transform: translatey(70px);}
	}
	header .container.home .satellite {
	    height: 100%;
	    top: 0;
	    right: 15px;
	}
}

@media only screen and (min-width : 768px) {
  
    nav ul {
	background-color: #fff;
    }

    .button-close span.icon-bar {
       background-color: #cba66d;
    }
    header h1 {
      max-width: 600px;
    }
    header .container.home nav {
	margin-top: 0 !important;
	margin-bottom: 0px !important;
    }
    .menu nav {
	top: 0;
    }
}