@font-face {
    font-family: helvetica;
    src: url(../fonts/Helvetica.otf);
}

.loader {
  z-index: 100000;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  background-image: url("../img/gif/ajax-loader.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  visibility: hidden;
}

.section h1{
    font-size: 5em;
    font-family: arial,helvetica;
    color: #fff;
    margin:0;
}
.intro p{
    color: #fff;
}

.section h2{
    font-size: 3em;
    font-family: arial,helvetica;
    color: #fff;
    margin:0;
}

#section0,
#section1,
#section2,
#section3{
  background-size: cover;
  background-attachment: fixed;
}

#section2 h1
{
    font-size: 2em;
    font-weight: bold;
}

#section3 h2, #section2 h1, .intro p
{
  color: #353434;
}

#section2 .intro p
{
  font-size: 1.4em;
}

#section0{
  background-image: url(../img/jpg/img04.jpg);
}

.slide
{
  background-size: cover;
}

.slide h1 { color: #353434; }
.slide p { color: #353434; }
.slide .intro { background-color: rgba(255, 255, 255, 0.6); }

#slide1 {
  background-image: url(../img/jpg/transportacion2.jpg);
}

#slide2 {
  background-image: url(../img/jpg/hotel.jpg);
}

#slide3 {
  background-image: url(../img/jpg/banquetes.jpg);
}

#slide4 {
  background-image: url(../img/jpg/catering.jpg);
}

#slide5 {
  background-image: url(../img/jpg/lunch-box.jpg);
}

#slide-nostros, #slide-mision
{
  background-image: url(../img/jpg/valgaricfondo.jpg);
}

#slide-nostros .intro { background-color: inherit; }
#slide-mision .intro { background-color: inherit; }

@media only screen and (max-width: 460px)
{
   .section h1 { font-size: 2em; }
   #section2 .intro p
   {
     font-size: 1.0em;
   }
}


/* Centered texts in each section
* --------------------------------------- */
.section{
    text-align:center;
}


/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
    color: #fff;
}

/* Lazy loading background
* --------------------------------------- */
#section2.load-background{
  background-image: url(imgs/bg2.jpg);
}
