body {
  padding-top: 20px;
  font-size: 18px;
}

.nav-justified > li > a {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #666;
    background-color: transparent;
}



/* ==========================================================

! Smooth effect on elements hover / out.

========================================================== */

a
{
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}




nav{
  font-size: 15px;
  font-weight: bold;
}

.arttext {
  text-align: left;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #000000;
}

.big img {
  max-width: 100%!important;
  height: auto;      
}

.med img {
  max-width: 80%!important;
  height: auto;      
}

.med2 img {
  max-width: 50%!important;
  height: auto;      
}

.sm img {
  max-width: 40%!important;
  height: auto;      
}


.artwork {
  text-align: center;     
}
.artwork img {
  max-width: 100%;
  height: auto;      
}

#subline {
  text-decoration: underline!important;
}

.artwork p,
.artwork a {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
.artwork span {
  font-size: 18px;
}
.separator hr {
  border-top: 1px solid #fff;
  margin: 25px 0;  
}

.separator-paintings hr {
  border-top: 1px solid #fff;
  margin: 50px 0;  
}

.separator2 hr {
  border-top: 1px solid #fff;
  margin: 12px 0;  
}






.navbar .navbar-nav > .blue > a:hover {
  color: blue;
}


.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.collapse {
    display: block;
}


.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
}



@media (min-width: 768px) {
  .artwork img {
    max-width: 50%;
    height: auto;      
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
    margin-top: 15%;
  }

  .nav>li>a {
    padding: 10px 50px;
}
}