@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}


/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 15px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


@media (min-width: 1085px) 
{
    .carousel-caption .btn {
        min-width:230px;
    }
    .carousel-caption {
        top: 50px;
        bottom:auto;
        text-align:left;
    }

    .carousel-caption h1 {
        font-size: 58px;
    }

    .carousel-caption h2 {
        font-size: 26px; 
        font-weight:lighter;
    }
    
    .carousel-caption p {
        margin:20px 0px 20px 0px;
    }
        
    .carousel-caption .videoImage
    {
        height:228px;
        border:0px;
        margin-right:10px;
    }
    .carousel-caption .videoImageNoButton
    {
        height:260px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption h1.smaller  {
        font-size: 41px;
    }
    .carousel-caption .btn-stacked {
        margin-right:0px;
        font-size: 15px;
    }
}

@media (min-width: 1320px) 
{    
    .carousel-caption .videoImage
    {
        height:260px;
        border:0px;
        margin-right:20px;
    }
    .carousel-caption .videoImageNoButton
    {
        height:275px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption h1.smaller  {
        font-size: 42px;
    }
    .carousel-caption .btn-stacked {
        margin-right:0px;
        font-size: 16px;
    }
}

@media (min-width: 1000px) and (max-width: 1085px) 
{
    .carousel {
		height: 350px;
		background-size:auto 350px;
      /*  height:450px; 
        background-size:auto 450px;*/
    }
    .carousel .item {
      height: 450px;
      background-color: #777;
    }
    .carousel-inner > .item > img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 450px;
    }
    .carousel-caption .btn {
        min-width:240px;
    }
    .carousel-caption {
        top: 50px;
        bottom:auto;
        text-align:left;
    }

    .carousel-caption h1 {
        font-size: 44px;
    }
    
    .carousel-caption h2 {
        font-size: 26px;
        font-weight:lighter;
    }
    
    .carousel-caption p {
        margin:20px 0px 20px 0px;
    }
     
    .carousel-caption .videoImage
    {
        height:190px;
        border:0px;
        margin-right:10px;
    }
    .carousel-caption .videoImageNoButton
    {
        height:210px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption h1.smaller  {
        font-size: 38px;
    }
    .carousel-caption .btn-stacked {
        margin-right:0px;
        font-size: 14px;
    }
}


@media (min-width: 850px) and (max-width:1000px)
{
    .carousel {
		height: 325px;
		background-size:auto 325px;
		
       /* height:425px;
        background-size:auto 425px; */
    }
    .carousel .item {
      height: 425px;
      background-color: #777;
    }
    .carousel-inner > .item > img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 425px;
    }
    
    .carousel-caption {
        top: 16%;
        bottom:auto;
        text-align:left;
    }

    .carousel-caption h1 {
        font-size: 40px;
    }

    .carousel-caption h2 {
        font-size: 22px;
        font-weight:lighter;
    }
    
    .carousel-caption p {
        margin:20px 0px 20px 0px;
    }    
    .carousel-caption .videoImage
    {
        height:167px;
        border:0px;
        margin-right:10px;
    }
    .carousel-caption .videoImageNoButton
    {
        height:200px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption h1.smaller  {
        font-size: 33px;
    }
    .carousel-caption .btn-stacked {
        margin-right:0px;
        font-size: 13px;
    }
}

@media (min-width: 767px) and (max-width: 850px)
{
    .carousel {
       	height: 325px;
		background-size:auto 325px;
		
       /* height:425px;
        background-size:auto 425px; */
    }
    .carousel .item {
      height: 425px;
      background-color: #777;
    }
    .carousel-inner > .item > img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 425px;
    }
    
    .carousel-caption .btn {
        min-width:inherit;
    }
    .carousel-caption {
        top: 16%;
        right: 15%;
        left: 15%;
        bottom:auto;
        text-align:left;
    }

    .carousel-caption h1 {
        font-size: 36px;
    }

    .carousel-caption h2 {
        font-size: 18px;
        font-weight:lighter;
    }
    
    .carousel-caption p {
        margin:20px 0px 20px 0px;
        font-size: 15px;
    }   
    
    .carousel-caption .videoImage
    {
        height:167px;
        border:0px;
        margin-right:10px;
    }
    .carousel-caption .videoImageNoButton
    {
        height:200px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption h1.smaller  {
        font-size: 33px;
    }
    .carousel-caption .btn-stacked {
        margin-right:0px;
        font-size: 13px;
    }
}

@media (min-width: 560px) and (max-width: 767px)
{   
    .carousel, .carousel .item, .carousel-inner > .item > img {
     /* height:375px; */
		height: 250px; 
        background-size:auto 375px;
    }
    
    .carousel-caption {
        top: 5%;
        bottom:auto;
        text-align:left;
    }
    .carousel-caption h1 {
        font-size: 30px;
        margin-top:10px
    }
    .carousel-caption h2 {
        font-size: 22px;
    }
    
    .carousel-caption .btn {
        min-width:inherit;
        font-size: 15px;
    }
    .carousel-caption p {
        margin:8px 0px 20px 0px;
        font-size: 13px;
    }
    
    .carousel-caption .videoImage
    {
        height:130px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption .videoImageNoButton
    {
        height:200px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption h1.smaller  {
        font-size: 26px;
    }
    .carousel-caption .btn-stacked {
        margin-right:0px;
        font-size: 13px;
        margin-top:5px;
    }
    .btn-lg, .btn-group-lg > .btn 
    {
        padding: 8px 12px;
    }
}
@media (min-width: 319px) and (max-width: 560px) 
{   
    .carousel, .carousel .item, .carousel-inner > .item > img {
    /*  height:375px;*/
		height: 250px; 
        background-size:auto 375px;
    }
    
    .carousel-caption {
        top: 5%;
        bottom:auto;
        text-align:left;
    }
    .carousel-caption h1 {
        font-size: 22px;
        margin-top:10px;
        font-weight:bold;
    }
    .carousel-caption h2 {
        font-size: 16px;
    }
    
    .carousel-caption .btn {
        min-width:inherit;
        font-size: 11px;
        padding: 10px 13px;
    }
    .carousel-caption p {
        margin:8px 0px 20px 0px;
        font-size: 13px;
    }
    
    .carousel-caption .videoImage
    {
        height:50px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .carousel-caption .videoImageNoButton
    {
        height:140px;
        border:0px;
        margin-right:5px;
        margin-bottom:5px;
    }
    
    .carousel-caption h1.smaller  {
        font-size: 18px;
        font-weight:bold;
    }
    .carousel-caption div
    {
        clear:both;        
    }
    .carousel-caption .btn-stacked 
    {
        margin-right:0px;
        font-size: 13px;
        margin-top:5px;
    }
    .btn-lg, .btn-group-lg > .btn 
    {
        padding: 8px 12px;
    }
}