@media screen and (max-width: 790px) {
    .barilla {
    background-position: 50%!important;
    }
}
@media screen and (max-width: 820px) {
    li.social {
        margin-right: 20px;
    }
}
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  
  ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  } 
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

   ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  }
  
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  
	 ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  }

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
   ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  } 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

   ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  }

  .intro{
    font-size: 5rem;
  }

  .carousel-caption{
    margin-top: 220px!important;
  }

  .btn-cta{
    border: 1px solid #fff;
  }

  h1.introbutton{
    font-size: 0.8rem;
  }

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

  ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  }

}

/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 812px) 
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: portrait) { 
  a.introwhite{
    font-size: 1.5rem;
  }
  .carousel-item{
    background-color: #000;
    background-size: cover;
    background-position-x: 50%;
  }
  
  ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  }

  .intro{
    font-size: 5rem;
  }

  .carousel-caption{
    margin-top: 220px!important;
  }

  .btn-cta{
    border: 1px solid #fff;
  }

  h1.introbutton{
    font-size: 1rem;
  }
  
}

/* Landscape */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 812px) 
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: landscape) { 

  ul#menu-social {
    display: block;
  }

  ul#menu-social li{
    float:left;
    width:10%!important;
  }

  .intro{
    font-size: 5rem;
  }

  .carousel-caption{
    margin-top: 20px!important;
  }

  .btn-cta{
    border: 1px solid #fff;
  }

  h1.introbutton{
    font-size: 1rem;
  }
	
}




/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait */
@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: portrait) 
	and (-webkit-min-device-pixel-ratio: 1) {
	img.center {
    width: 100%;
  }
  .intro{
    font-size: 10rem;
  }
  .carousel-caption{
    margin-top: 200px!important;
  }

  .btn-cta{
    border: 2px solid #fff;
  }

  h1.introbutton{
    font-size: 1.5rem;
  }

}

/* Landscape */
@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: landscape) 
	and (-webkit-min-device-pixel-ratio: 1) {
	img.center {
    width: 100%;
  }
  .intro{
    font-size: 10rem;
  }
  .carousel-caption{
    margin-top: 200px!important;
  }

  .btn-cta{
    border: 2px solid #fff;
  }

  h1.introbutton{
    font-size: 1.5rem;
  }
	
}

/* ----------- iPad Pro 10.5" ----------- */


/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  img.center {
    width: 100%;
  }
  .intro{
    font-size: 14rem;
  }
  .carousel-caption{
    margin-top: 400px!important;
  }
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  img.center {
    width: 100%;
  }
  .carousel-caption{
    margin-top: 150px;
  }
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */


/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

@media screen and (max-width: 720px) {
    h1.intro{
      font-size: 5rem;
      margin-top: 40%!important;
    }
    a.introwhite{
      font-size: 1.5rem;
    }
}