body {
    background-image: url('/img/domains/mars/bg.jpg');
    background-color: #351a0f;
}
.domain-color {
    color: #c82907 !important;
}
.box-bg{
    background-color: #36221b;
}
.box-bg p {
  color: #fff;
}
.main-content ul li {
    background-image: url('/img/domains/mars/square.png');
}
header h1 {
    text-transform: uppercase;
    font-size: 70px;
    max-width: 650px;
}
a.more {
    border: 1px solid #c82907;
    background-color: rgba(180, 41, 7, 0.05);
    color: #c82907 !important;
}

a.more:hover {
    background-color: rgba(180, 41, 7, 0.1);
}

.box-bg a.more,
.notice-mars a.more {
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff !important;
}
.navbar-toggleable-sm .navbar-toggler,
.button-close {
    border: 2px solid #c82907;
}
.navbar-toggler span.icon-bar,
.button-close span.icon-bar {
   background-color: #c82907;
}
nav ul li {
    background-color: #c82907;
}
nav ul li a:hover {
    color: #36221b;
}
.main-content h1,
.notice h1 {
    color: #fff;
}
.main-content p {
    border-top-color:  #ccc;
}
.main-content .gallery div a {
  color: #c82907;
}
footer {
    /*min-height: 450px;*/
    background: url('/img/domains/mars/footer.png') no-repeat bottom;
}
footer .shadow {
    background-image: url('/img/domains/mars/circle_shadow.png')
}
.notice-mars .row {
    height: 140px;
    background: url('/img/domains/mars/exo_1200.png') left no-repeat;
    border-radius: 8px;
}
.notice-mars .row {
    padding: 0px;
    margin: 0;
}
.notice-mars .col {
    padding: 16px 10px !important;
    height: 140px;
    color: #fff;
}
.notice-mars .col p {
    max-height: 6em;
    overflow: hidden;
}
.social a svg path {
    fill: #000;
}
@media only screen and (min-width : 768px) {

    nav ul {
	background-color: #c82907;
    }
    .button-close span.icon-bar {
       background-color: #fff;
    }
    header .container.home nav {
	margin-top: 0 !important;
	margin-bottom: 0px !important;
    }
    .menu nav {
	top: 0;
    }
}