body {
  background-color: #777777;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 0;
}

a{
  color: #00388c;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    line-height: 1.4;
    text-transform: uppercase;
}

h5 {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 2px;
}

h5.title span > a {
  color: #efefef;
  text-decoration: none;
}
h5.title span > a:hover {
  color: #fff;
}

div.header{
  height: 270px;
  padding-top: 80px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #c8bfa2;
}

.logo_header{
  width: 20%;
}
.grid-container {
  display: grid;
  grid-column-gap: 50px;
  grid-template-columns: auto auto auto auto;
  background-color: #c8bfa2;
  background-image: url(/img-prehome/blurry-fondo.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.grid-item {
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

img.logo_tiger{
  width: 15%;
  margin-top:80px;
}

img.link{
  width: 300px;
  height: 300px;
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}
a.site h5 > span {
  text-decoration: none;
  color: #efefef;
}
a.site h5 > span {
  text-decoration: none;
  color: #fff;
}

img:hover {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

.tiger{
  background-image: url(/img-prehome/sfondo_montevago.jpg);
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  vertical-align: middle;

}

div.tiger p {
    font-family: "Open Sans", sans-serif;
  text-align: center;
  padding-top: 7%;
  color: #afafaf;
  font-size: 14px;
  margin: 0 0 10px;
}

div.tiger p span > a {
  color: #d3d3d3;
  text-decoration: none;
}

.footer{
  background-color: #c8bfa2;
  text-align: center;
 
  padding: 20px 0px 20px 0px;
}

.footer p {
  font-family: "Open Sans", sans-serif;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0;
  color: #00388c;
  font-size: 12px;
  letter-spacing: 0.5px;
    
}
.emailtxt{font-weight:bold;}


div.footer p span > a {
  text-decoration: none;
  color: #afafaf;
}

/*** Ipads ***/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  .grid-container {
    grid-template-columns: 740px;
}
.logo_header {
    width: 60%;
}
div.tiger p {
    padding-top: 20%;
  }
  
  img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  .grid-container {
    grid-template-columns: 740px;
}
.logo_header {
    width: 60%;
}
div.tiger p {
    padding-top: 20%;
  }
  
  img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
 }


/*** iPhone 6: ***/
  @media screen and (device-aspect-ratio: 375/667) {
    .grid-container {
    grid-template-columns: 360px;
   }
div.tiger p {
    padding-top: 40%;
}
.logo_header {
    width: 70%;
}
.tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}

img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
  }

/****  iPhone 5:***/
  @media screen and (device-aspect-ratio: 40/71) {
    .logo_header {
    width: 70%;
}
    .grid-container {
    grid-template-columns: 300px;
    width: 100%;
    }
   div.tiger p {
    padding-top: 45%;
    padding-left: 5%;
    padding-right: 5%;
}
img.logo_tiger {
    width: 50%;
    padding-top: 10%;
   }
   .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}


img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
  }

  /** Phone < 5 **/
  @media screen and (device-aspect-ratio: 2/3) {
    .grid-container {
    grid-template-columns: 370px;
    width: 100%;
    }
    div.tiger p {
    padding-top: 45%;
    }
    .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}
  }



  @media only screen and (max-width: 360px){
.grid-container {
    grid-template-columns: 360px;
}
img.logo_tiger{
  width: 50%;
  margin-top:80px;
}
.tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}
}


/*** Large desctops ***/
@media screen and (min-width: 1400px) {
  div.tiger p {
    padding-top: 5%;
  }
  .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}
}
@media screen and (min-width: 1600px) {
  div.tiger p {
    padding-top: 3%;
  }
  .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}
}
@media screen and (min-width: 1900px) {
  div.tiger p {
    padding-top: 3%;
  }
  .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}
}

/**** Ipads ****/
@media only screen and (max-width: 400px) {
  .grid-container {
    grid-template-columns:  399px;
    background-color: #c8bfa2;
    width: 100%;
  }

div.grid-item logo{
    width: 100%;
  }
  
  img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
}

@media only screen and (max-width: 768px) {
  .logo_header {
    width: 60%;
}
  div.grid-item logo{
    width: 100%;
  }
  .grid-container {
    grid-template-columns: 100% ;
  }
  .grid-item {
    padding: 20px;
    font-size: 30px;
    text-align: center;
  }
  div.tiger p {
      padding-top: 20%;
    }
    .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: middle;
}

img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  .logo_header {
    width: 60%;
}
  .grid-container {
    grid-template-columns: 100%;
}
.logo_header {
    width: 60%;
}
div.tiger p {
    padding-top: 20%;
  }
  .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;              /* optional, center the image */
    vertical-align: middle;
}

img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  .grid-container {
    grid-template-columns: 740px;
}
.logo_header {
    width: 60%;
}
div.tiger p {
    padding-top: 20%;
  }
  .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;              /* optional, center the image */
    vertical-align: middle;
}

img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
}




@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
  .grid-container {
    grid-template-columns: 100%;
}
.logo_header {
    width: 60%;
}
div.tiger p {
    padding-top: 20%;
  }
  .tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-size:     cover;                 
    background-repeat:   no-repeat;
    background-position: center center;
    vertical-align: middle;
}

img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  .grid-container {
    grid-template-columns: 100%;
}
.logo_header {
    width: 60%;
}
.tiger {
    background-image: url(/img-prehome/sfondo_montevago.jpg);
    height: 650px;
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
    vertical-align: middle;
}
div.tiger p {
    padding-top: 20%;
  }
  
  img.logo_tiger{
  width: 35%;
  margin-top:80px;
}
 }