body {
    background-image: url('/img/domains/blesky/bg.jpg');
    background-color: #1a181c;
}
.domain-color {
    color: #d06cb9 !important;
}
header h1 {
    font-size: 10vw;
    padding-top: 40px;
    padding-bottom: 10px;
}
header .subtitle {
    font-size: 7vw;
    margin-bottom: 0;
    line-height: 1.3;
}
.box-bg{
    background-color: #2a2331;
}
.box-bg p {
  color: #fff;
}
.main-content ul li {
    background-image: url('/img/domains/blesky/square.png');
}
a.more {
    border: 1px solid #d06cb9;
    color: #d06cb9 !important;
    background-color: rgba(184, 86, 195, 0.08);
}
a.more:hover {
    background-color: rgba(184, 86, 195, 0.15);
}
.navbar-toggleable-sm .navbar-toggler,
.button-close {
    border: 2px solid #d06cb9;
}
.navbar-toggler span.icon-bar,
.button-close span.icon-bar {
   background-color: #d06cb9;
}
.button-close {
    border: 2px solid #292b2c !important;
}

.button-close span.icon-bar {
   background-color: #292b2c !important;
}
nav ul li {
    background-color: #d06cb9;
}
nav ul li a:hover {
    color: #292b2c !important;
}
.main-content h1,
.notice h1 {
    color: #d06cb9;
}
.main-content p {
    border-top-color:  #d06cb9;
}
.main-content .gallery div a {
  color: #d06cb9;
}
footer {
  /*min-height: 450px;*/
  background: url('/img/domains/blesky/footer.png') no-repeat bottom;
}
footer .shadow {
    background-image: url('/img/domains/blesky/circle_shadow.png')
}
@media only screen and (min-width : 768px) {
    header h1 {
	font-size: 66px;
    }
    header .subtitle {
	font-size: 40px;
    }
}
@media only screen and (min-width : 768px) {
  
    nav ul {
	background-color: #d06cb9;
    }

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