/***** GENERAL ******************************************************************************/

body {
  font-family: 'Roboto', sans-serif;
}

a {
     text-decoration: none;
}

a:hover {
     text-decoration: none;
     transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
}





/***** NAVIGATION ***************************************************************************/

.navbar {
       font-weight: 400;
       box-shadow: 5px 0px 15px #888888;
}

.navbar-light .navbar-brand {
     font-size: 18px;
     font-weight: 300;
     color: #F6A422;
}

.navbar-brand span {
     font-size: 10px;
     font-weight: 100;
     color: #888888;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #F6A422;
}

.navbar-toggler {
    font-size: 15px;
    border: none;
}

.nav-item a {
     font-size: 12px;
     text-transform: uppercase;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #F6A422;
}





/***** CAROUSEL *****************************************************************************/

.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-caption {
    bottom: 44%;
    text-transform: uppercase;
}

.carousel-caption a>h3 {
     color: #fff;
     font-size: 40px;
     font-weight: 300;
     font-family: 'Ubuntu', sans-serif;
}

.carousel-caption small>a {
     color: #fff;
     border: 1px solid#fff;
     border-radius: 10px;
     border-left: none;
     border-right: none;
     padding: 10px 30px;
     position: relative;
     top: 30px;
}

.carousel-caption small>a:hover {
     padding: 15px 30px;
     background-color: rgba(225, 225, 225, 0.2);
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}




/***** SECONDARY HEADING *****************************************************************/

.secondary {
     margin-top: 53px;
     font-size: 25px;
     color: #F6A422;
}

.heading-wrapper {
     padding: 100px 0;
}

.small-heading {
     text-transform: uppercase;
     color: #888888;
     font-size: 15px;
}

.main-heading  {
     font-size: 25px;
     text-transform: uppercase;
     color: #F6A422;
     opacity: .6;
}

.main-heading a {
     font-size: 25px;
     text-transform: uppercase;
     color: #F6A422;
     opacity: .6;
}

.main-heading a:hover {
     opacity: 1;
}




/***** TESTIMONIALS ************************************************************************/

.testimonials h1 {
     width: 350px;
     margin: auto;
     text-align: center;
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 100;
     padding: 200px 0;
     color: #F6A422;
}





/***** SECONDARY CAROUSEL ***************************************************************/

#carouselenoturismo>.carousel-inner {
     height: 100vh;
}

#carouselenoturismo>.carousel-inner h3 {
     font-size: 20px;
     font-family: 'Ubuntu', sans-serif;
}

#carouselenoturismo>.carousel-inner>.carousel-item {
     position: relative;
     top: 10px;
}





/***** GASTRONOMY CAROUSEL *************************************************************/

#carouselenoturismo>.carousel-inner {
     height: 100vh;
}

#carouselenoturismo>.carousel-inner h3 {
     font-size: 20px;
     font-family: 'Ubuntu', sans-serif;
}

#carouselenoturismo>.carousel-inner>.carousel-item {
     position: relative;
     top: 10px;
}

#carouselgastronomia>.carousel-inner>.carousel-item>.carousel-caption {
     top: 250px;
}




/***** CONTACT-FORM ************************************************************************/

#form-wrapper  {
     background: url(../img/background-contactos.jpg);
     height: 100vh;
}

#contact-form {
     position: relative;
     top: 200px;
     text-transform: uppercase;
     color:#fff;
     font-size: 15px;
}

#send {
     color: #fff;
     border: 1px solid#fff;
     border-radius: 10px;
     border-left: none;
     border-right: none;
     padding: 10px 30px;
     background-color: transparent;
     position: relative;
     left: 28%;
}

#send:hover {
     padding: 15px 30px;
     background-color: rgba(225, 225, 225, 0.2);
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border:none;
}

.form-control {
     border-radius: 0;
}






/***** SECONDARY-CONTATCS ****************************************************************/

.secondary-contatcts {
     padding: 100px 0;
     text-align: center;
     text-transform: uppercase;
}

.secondary-contatcts p {
     color: #888888;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     font-size: 12px;
}

.secondary-contatcts h6 {
     color: #F6A422;
}

#infoshop {
     margin-top: 20px;
}


/***** FOOTER ********************************************************************************/

footer p {
     text-transform: uppercase;
     color: #F6A422;
     padding: 40px 0 25px 0;
     font-size: 12px;
}





/*****/
/**********/
/********************/
/***** RESPONSIVE 768PX *******************************************************************/

@media (min-width: 768px) {
     .carousel-caption a>h3 {
          font-size: 70px;
          font-weight: 300;
     }

     #send {
          left: 37%;
     }
}

#carouselenoturismo>.carousel-inner h3 {
     font-size: 50px;
}





/***** RESPONSIVE 992PX *******************************************************************/

@media (min-width: 992px) {
     .carousel-caption a>h3 {
          font-size: 100px;
          font-weight: 300;
     }

     #carouselenoturismo>.carousel-inner>.carousel-item {
          position: relative;
          top: -20px;
     }

     #carouselenoturismo>.carousel-inner small{
          width: 600px;
          font-size: 14px;
     }

     #send {
          left: 40%;
     }
}





/***** RESPONSIVE 1200PX ******************************************************************/

@media (min-width: 1200px) {
     .carousel-caption {
         bottom: 40%;
     }

     .carousel-caption a>h3 {
          font-size: 130px;
          font-weight: 300;
     }

     #carouselenoturismo>.carousel-inner>.carousel-item>.carousel-caption {
          top: 30%;
     }

     #carouselenoturismo>.carousel-inner h3 {
          font-size: 90px;
     }

     #carouselenoturismo>.carousel-inner small {
          font-size: 18px;
          font-weight: 100;
     }

     .testimonials h1 {
          width: 550px;
          margin: auto;
          text-align: center;
          text-transform: uppercase;
          font-size: 55px;
          font-weight: 100;
          padding: 200px 0;
          color: #F6A422;
     }

     #carouselgastronomia>.carousel-inner>.carousel-item>.carousel-caption {
          top: 20%;
     }

}




/***** by ANDRÉ SOUSA **********************************************************************/