@import url('https://fonts.googleapis.com/css?family=Chivo:400,700');

body {font-family: 'Chivo', sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding:0;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-left: .5rem;
padding-right: .5rem;
}

.bdr-tl {border-top-left-radius: 1rem;}
.bdr-bl {border-bottom-left-radius: 1rem;}
.bdr-tr {border-top-right-radius: 1rem;}
.bdr-br {border-bottom-right-radius: 1rem;}

.container {max-width: 1500px;}
.navbar-brand {font-size: 1.375rem;}
.navbar-brand span {color:#0070c9;}

.header {
  padding: 1rem 0;
  margin-bottom: 1rem;
  border: 1px dotted #ccc;
  border-left: none;
  border-right: none;
}
.header h1 {
  color:#686868;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.4rem;
}
.header cite {
  color: #0070c9;
  font-size: .8rem;
}
.header h1 {
  font-size: 1.3rem;
  line-height: 1.5rem;
}
.header p {
  font-size: .9rem;
  text-align: center;
  margin-top: .5rem;
  padding:0 1.5rem;
}
.about {text-align: center;}
.about p {
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 1rem;
  text-align: left;
}
.about img.avatar {
  width: 30%;
  margin: 1rem 0;
}
.social {margin-top: 1.5rem;}
.social a {color: #777777; text-decoration: none; margin: 0 .2rem;}
.social a:hover {color:#0070c9;}
.contact-btn {margin-top: 1.5rem; text-align: center;}

.featured {padding-bottom: .295rem;}
.featured-item img {padding: 0;}
.featured-item {position: relative;}
.featured-item .overlay {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: .5s ease;
 background-color: #fff;
}
.featured-item:hover .overlay {
 opacity: 0;
}
.featured-item article {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 text-align: center;
}
.featured-item article h2 {
  color: #333;
  font-size: 1.5rem;
  margin-bottom: .5rem;
}
.featured-item article p {
  color: #333;
  font-size: 1rem;
  margin-bottom: 1rem;
}
figure.photo {
  margin: 0;
  padding: 0;
}

figure.photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insta-img img {
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.back-to-top {
  text-align: center;
  margin-top: 2.5rem;
}

.back-to-top a {
  font-size: 1.125rem;
  color: #999999;
}

.back-to-top a:hover {
  color: #666666;
  text-decoration: none;
}

footer {
  color: #bebebe;
  text-align: center;
  margin: 4rem 0 1rem;
}




/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  header {margin: 1.2rem 0rem;}
  .header h1 {font-size: 1.2rem;}
  .header p {font-size:1rem; padding:0 3rem;}
  .about p {font-size: 1.3rem;}
  figure.photo img {height: 350px;}
  figure.photo.hzd img {height: 350px;}
  .hzd-left {object-position: 60% 50%;}
  .hzd-right {object-position: 10% 50%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .header p {font-size:1rem; padding:0 13rem;}
  .featured-item:hover .overlay {opacity: .895;}
  figure.photo img {height: 600px;}
  
  
  
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  
}