.btn-rounded:hover,
.btn-rounded {border: 1px solid #FFF; color: inherit; padding: 8px 25px; border-radius: 45px; text-transform: uppercase; text-decoration: none; display: inline-block;}

#featured img         {width: 100%;}
#featured .caption    {position: absolute; left: 45px; bottom: 45px; color: #fff; text-shadow: 2px 2px 5px #000;}
#featured .caption h1 {text-transform: uppercase; font-size: 5vw; margin: 0; padding: 0;}
#featured .caption p  {margin: 0 0 15px 0; padding: 0;}

#condition {height: 80px; background-color: #F5F4F1;}

#about .caption {width: 40%; color: #333; padding: 0;}
#about .caption h1 {font-size: 60px; margin: 0;}
#about .caption p {font-size: 26px;}

#spot {}
#spot>div {border-top: 1px solid #ccc;}
#spot>div,
#spot>div>div,
#spot>div>div>div {height: inherit;}

#spot .spots {overflow: auto;}
#spot .spots a              {display: block; padding: 20px 25px; border-bottom: 1px solid #ccc; text-transform: uppercase; color: #666; font-weight: bold;}
#spot .spots a.active,
#spot .spots a:hover        {text-decoration: none; background-color: #FB8665; color: #FFF;}
#spot .spots a .badge       {padding: 10px; width: 30px; height: 30px; border-radius: 30px; margin-right: 15px;}
#spot .spots a.active .badge,
#spot .spots a:hover .badge {background: #fff; color: #FB8665;}
#spot .spots a .fa          {margin-top: 8px;}
#spot .spots a .label       {border: 1px solid #ccc; background: #fff; color: #666;}
#spot .spots a:hover .label {border: 1px solid #ccc; background:#FB8665; color: #fff;}

#forecast     {background: #00C5D6; color: #fff;}
#forecast h1  {font-size: 4vw;}
#forecast img {width: 100%;}

#plain .title {text-align: center;}
#plain .title h1 {font-size: 4vw;}

.news-list {background-color: #F9F5EA;}

.carousel .carousel-caption {text-align: left; left: 30px; right: 30px;}
.carousel .item             {background-size: cover;}
.carousel .img-responsive   {width: 100%;}

.carousel-fade .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .prev.right,
.carousel-fade .carousel-inner .next.left {left: 0; opacity: 1; z-index: 1;}

.carousel-indicators li        {border: 2px solid #ccc; width: 25px; height: 15px; margin: 0;}
.carousel-indicators li.active {background-color: #FB8665; width: 25px; height: 15px;}

@media only screen and (max-width:1200px) {

    #about .caption h1 {font-size: 48px;}
    #about .caption p {font-size: 22px;}
}

@media only screen and (max-width:992px) {

    #about .caption h1 {font-size: 30px;}
    #about .caption p {font-size: 16px;}
}

@media only screen and (max-width:767px) {

    #featured .caption {left: 0; bottom: auto; top: 50%; right: 0; text-align: center; margin-top: -60px;}
    #featured .caption h1 {font-size: 10vw; }
    #featured .caption p {font-size: 3vw; }

    #about .caption h1 {font-size: 30px;}
    #about .caption p {font-size: 16px;}

    #forecast h1 {font-size: 10vw;}
    #plain .title h1 {font-size: 10vw;}
}

@media only screen and (max-width:540px) {

    #about .caption h1 {font-size: 20px;}
    #about .caption p {font-size: 13px;}

    #about .carousel-indicators {display: none;}
}

@media only screen and (max-width:384px) {

     #about .caption {width: 50%; top: 25px; left: 15px;}
     #about .caption h1 {font-size: 18px;}
     #about .caption p {font-size: 10px;}
     #about .carousel-indicators {bottom: 0; right: 15px; left: auto; width: auto;}

     #forecast h1 {font-size: 10vw;}
     #plain .title h1 {font-size: 10vw;}
}

/* .spot-video iframe{
    display: none !important;
} */