* {
 padding:0;
    margin:0;   
}

nav, header {
    height: 54px; 
    background-image: none; 
    width: 100%;
    display: flex;        
    z-index: 100;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
}

.navlogo h1 {
    background: linear-gradient(to right, #ad1447 0%, #f80759 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    letter-spacing: -.7;
    
}

.navlinks button, .navlinks2 button {
     color: black;
}

.navlinks button:hover {
    color: #db0633;
    border: none;
}

.blog-intro-container {
    width: 100%;
    height: auto;
}

.blog-intro-container h1 {
    text-shadow: 2px 3px 5px rgba(0,0,0,.1);
    text-align: center;
    padding-top: 20px;
    font-family: 'Open Sans', serif;
}

.gallery-container {
    width: 1230px;
    margin: 0 auto; 
    padding: 0 0 40px 0;
   clear: both;
}

.gallery-container::after {
  content: "";
  clear: both;
  display: table; 
}

.gallery {
  margin: 10px;
   border: 1px solid #e8e8e8; 
  float:left;
  width: 390px;
    box-sizing: border-box;
    box-shadow: 0 10px 20px -5px rgba(51, 71, 91, .12);
    margin-bottom: 40px;
   
}

.gallery:hover {
  opacity: .8;
    transition: .3s;  
}

#hover-enlarge:hover {
   transition: .3s; 
    
    -webkit-transform: translate(0, -4px);
    transform: translate(0, -4px)
}
#hover-enlarge:hover .gallery {
    transition: .3s; 
    box-shadow: 0 10px 50px -5px rgba(51, 71, 91, .22);
}

.gallery img {
  width: 100%;
  height: 290px; 
}

.desc {
  padding: 15px;
  text-align: left;
    height: 125px;
}

a {
    color: black;
}

a:hover {
    //text-decoration: underline !important;
    color:black;
}

#footer {
  background-color: white !important;
    border-top: 1px solid #d9d9d9;
}

#footer li, #footer a {
    color: grey;
}
#footer h6 {
    color: black !important;
}

.site-section {
  padding: 2em 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 4em 0; } }


.half-post-entry .caption {
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .1rem; }

.half-post-entry .img-bg, .half-post-entry .contents {
  width: 50%; }
  @media (max-width: 991.98px) {
    .half-post-entry .img-bg, .half-post-entry .contents {
      width: 100%;
      height: 300px; } }

.half-post-entry .img-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.half-post-entry .contents {
  padding: 50px;
  font-size: .9rem;
  height: auto; }
  @media (max-width: 991.98px) {
    .half-post-entry .contents {
      padding: 30px; } }
  .half-post-entry .contents h2 {
    font-size: 26px; }
    .half-post-entry .contents h2 a {
      color: #000; }



@media screen and (max-width: 1245px ){
.gallery-container {
    width: 830px;
    margin: 0 auto;
    animation-duration: 3s;
}

} 

@media screen and (max-width: 830px ){
.gallery-container {
    width: 420px;
    margin: 0 auto;
}

} 
@media screen and (max-width: 420px ){
    .gallery {
        width: 350px;
    }
    
    .gallery-container {
    width: 370px;
}

}