body {
  font-family: 'Roboto Slab', serif;
  background-color: #d2b8a9;
}

body{ font-family:'Roboto Slab', serif;}h1,h2,h3,h4,h5,h6{

font-family:'Lato', sans-serif;font-weight:800!important}
.btn-xl{text-transform:uppercase;padding:1.5rem 3rem;font-size:.9rem;font-weight:700;letter-spacing:.1rem}.bg-black{background-color:#000!important}.rounded-pill{border-radius:5rem}.navbar-custom{padding-top:1rem;padding-bottom:1rem;background-color:rgba(0,0,0,.7)}.navbar-custom .navbar-brand{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700}.navbar-custom .navbar-nav .nav-item .nav-link{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1rem}
header.masthead{
  position:relative;
  overflow:hidden;
  padding-top:calc(1rem + 72px);
  padding-bottom:1rem;
  padding-left: 10%;
  padding-right: 10%;
  background:linear-gradient(180deg,#888 0,#c89d88 100%);
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:scroll;
  background-size:cover
}

header.masthead .masthead-content{z-index:1;position:relative }
header.masthead .masthead-content .masthead-heading{font-size:1.5rem;  color: #0f0502}
header.masthead .masthead-content .masthead-subheading{font-size:1.4rem}
header.masthead .bg-circle{z-index:0;position:absolute;border-100:radius%;background:linear-gradient(0deg,#c89d88 0, #3c1d13 50%, #dcc2b3 100%)}
header.masthead .bg-circle-2{height:40rem;width:40rem;top:5rem;left:5%}
header.masthead .bg-circle-1{height:60rem;width:60rem;bottom:-35rem;left:-55rem}

.italic {
  font-style: italic; 
}

.image-wrapper{
  padding-top: 3em;
}

.display-4 {
  font-size: 2em;
}

@media (min-width:992px){
  .display-4 {
  font-size: 3.5em;
}
}

div.image {
    background-image: url(../img/logo-m.jpg);
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: auto;
}

.material-icons.md-icon {
  font-size: 20px;
  color: #e41a53;
  margin: 0 10px;
}

.bg-circle{
  z-index:0;
  position: relative;
  border-radius:100%;
  background:linear-gradient(0deg,#eee 0,#fff 100%);
  height:10rem;
  width:10rem;
}

.bg-circle p {
  margin: 0;
  text-align: center;
  color: White;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)  
}

.info {
  font-size: 1.2em;
}

@media (min-width:992px){
header.masthead{padding-top:calc(2rem + 55px);padding-bottom:2rem}
header.masthead .masthead-content .masthead-heading{font-size:3.0rem; color: #0f0502}
header.masthead .masthead-content .masthead-subheading{font-size:2.0rem}}
.bg-primary{background-color:#ee0979!important}
.btn-primary{background-color:#ee0979;border-color:#ee0979}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#bd0760!important;border-color:#bd0760!important}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(238,9,121,.5)}.btn-secondary{background-color:#ff6a00;border-color:#ff6a00}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#c50!important;border-color:#c50!important}.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}
}