font-family: 'Didact Gothic', sans-serif;


h1, h2, h3, h4, h5, h6 {
    font-family: 'Didact Gothic';
}
p, div {
    font-family: 'Didact Gothic';
}


  
@media (max-width: 768px) {
  .btn-responsive {
    padding:2px 4px;
    font-size:80%;
    line-height: 1;
    border-radius:3px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
  }
}

@media(max-width: 767px) {
  h4 {
    font-size: 10pt;
  }
}

.btn-default2{;color:#FFF;background-color:#353535}


.flex-video {
position: relative;
border-color: #2185c5;
border-width: 200px;
padding-top: 25px;
background: bike.jpg; 
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 99%;
height: 93.8%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}