html, body {
  margin: 0;
  padding: 0;
  background:#1a1a1a;
  color: #fff;
  font-size:16px;
  font-family: Tahoma, Geneva, sans-serif;
  width: screen-width;
  height: 100%;
}
body{
 padding: 3% 17%;
}
.phone{
visibility: hidden;
}
.nav .container {
 padding: 0;
 background: transparent;
 top: 0px;
 left: 0%;
 padding-bottom: 5%;
 width: 100%;
}
.nav p {
  text-align: center;
}
.nav p a {
  color: #fff;
  font-size: 24px;
}
.nav p a span{
  border-bottom: 2px solid #fff;
}
.nav p a:hover{
  text-decoration: none;
}
.nav p a:focus{
  text-decoration: none;
}
.nav .gallery{
padding:17px 20px 17px 20px;
outline:2px solid #fff;
width: 232px;
letter-spacing: 6px;
font-weight: 900;
text-align: center;
}
.nav .gallery span{
border-bottom: none;
font-weight: normal;
}

.current span{
 letter-spacing: 24px;
 border-bottom: 2px solid #fff;
}
.current .second{
 letter-spacing:6px;
 border-bottom: none;
 font-size: 16px;
 font-weight: 300px;
}
.archive{
float: right;
}
.main{
 padding: 0;
 width: device-width; 
}
.main .container{
  padding: 0;
 border-top: 2px solid #fff;
 padding-top: 6%;
 width: 100%;
 display: inline-block;
 text-align: left;
}
.main p{
 font-size: 16px;
 Color: #fff; 
}
.artists{
text-align: right;
float: right;
}
.artists ul{
list-style: none;
}
.artists h1{
font-size: 24px;
}
.artists li{
font-size: 16px;
list-style: none;
}
.artists .inactive{
color: #7C776E;
}
.artists a{
text-decoration: none;
color:#fff;
}
.artists .inactive a{
text-decoration: none;
color:#7C776E;
}
.artists a:hover, .artists a:focus{
color:#7c776E;
text-decoration: none;
transition: .5s;
}
.contact{
width: screen-width;
}
.info{
padding: 0;
padding-top: 6%;
margin-bottom: 6%;
position: relative;
left: auto;
right: auto;
text-align: center;
}
.contact h2{
font-size: 20px;
letter-spacing:16px;
}
.contact a, .contact p{
text-decoration: none;
color:#fff;
font-size: 16px;
line-height: 20px; 
}
.contact a:hover, contact a:focus{
text-decoration: none;
color: #7C776E;
transition: .5s;
cursor: pointer;
}

@media (min-width: 1280px) and (max-width: 1400px){
.nav p a {
  font-size: 18px;
}
.current .second{
 letter-spacing:4px;
 font-size: 12px;
}
}
@media (min-width: 961px) and (max-width: 1279px){
.nav p a {
  font-size: 16px;
}
.current span{
 letter-spacing: 12px;
}
.current .second{
 letter-spacing:1px;
 font-size: 12px;
}
.nav .gallery{
padding:12px 16px 12px 16px;
outline:2px solid #fff;
width: 164px;
letter-spacing: 6px;
font-weight: 900;
text-align: center;
}
.main p{
 font-size: 12px;
}
.artists h1{
font-size: 16px;
}
.artists li{
font-size: 12px;
}
}
@media (max-width: 960px){
.nav p {
 display: inline;
 margin-right: 0;
}
.nav p a {
  font-size: 16px;
}
.nav .col-md-4{
  margin-top: 10px;
}
.current span{
 letter-spacing: 8px;
}
.current .second{
 letter-spacing:0px;
 font-size: 11px;
}
.archive{
float: left;
}
.nav .gallery{
padding:4px 6px 4px 6px;
outline:2px solid #fff;
width: 132px;
letter-spacing: 4px;
text-align: center;
}
.main p{
 font-size: 12px;
}
.artists{
text-align: left;
float: left;
padding: 0;
margin-left: 0%;
}
.artists h1{
font-size: 14px;
}
.artists li{
font-size: 12px;
}
}