@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300,100);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,300,100);

@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateX(-1760px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateX(-1760px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes dropHeader {
    0% {
        transform: translateX(-1760px);
    }
    100% {
        transform: translateX(0);
    } 
}

#SlideIn,.topTitle{

text-align:left;

    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1.5s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1.5s;

    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1.5s;
}

@-moz-keyframes bgFade {
    0% {
        opacity: 0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes bgFade{
    0% {
        opacity: 0;
    }
    100% {
        opacity:1;
    }
}
@keyframes bgFade {
    0% {
        opacity: 0;
    }
    100% {
        opacity:1;
    }
}



.hero{

    -moz-animation-name: bgFade;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1.5s;

    -webkit-animation-name: bgFade;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1.5s;

    animation-name: bgFade;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1.5s;
}


@-moz-keyframes dropHeaderTop {
    0% {
        -moz-transform: translateY(-760px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes dropHeaderTop {
    0% {
        -webkit-transform: translateY(-760px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes dropHeaderTop {
    0% {
        transform: translateY(-760px);
    }
    100% {
        transform: translateY(0);
    }
}


.topTitlePhone{

    -moz-animation-name: dropHeaderTop;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 3s;

    -webkit-animation-name: dropHeaderTop;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 3s;

    animation-name: dropHeaderTop;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 3s;
}

h1{font-family:oswald;}

@media (max-width: 720px) {
.jingle{right:0 !important;width:200px !important;font-size:12px;border-radius:0 !important;top:115px !important;}
}

@media (max-width: 440px) {
.topTitle{font-size:22px !important;margin-left:30px;}
.topTitlePhone{font-size:20px !important;margin-left:30px;float:left !important;z-index:9999;margin-top:-10px !important;margin-left:20px;}
.container{}
.jingle{display:none !important;}
html{overflow-x:hidden !important;}
}


/* Shared*/
.button {
float:left;
}

/* Sections */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Hero */
.phones {
  position: relative;
}

.hero
{
      background-image: url('../images/bgTop.png');
      background-repeat:no-repeat;
      background-size:cover;
 background-attachment:fixed;
}



/* Values*/
.values {
  background-image: url('../images/BG_new.png');
   background-attachment:fixed;
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
  border-top:8px solid #D5D5D8;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #A70024;
}
.value-heading {
  margin-bottom: .3rem;
  color:Black;
}
.value-description {
  opacity: .8;
  font-weight: 300;
  color:Black;
}

/* Help*/
.get-help {
  border-bottom: 1px solid #ddd;
}

/* Categories
*/
.categories {
  background-image: url('../images/values-bg.jpg');
     background-attachment:fixed;
  background-size: cover;
  color: #fff;
}

.subs{
  background-image: url('../images/subs.jpg');
     background-attachment:fixed;
  background-size: cover;
  color: #fff;
}

.family{
  background-image: url('../images/catering.jpg');
     background-attachment:fixed;
  background-size: cover;
  color: #fff;
}

.categories .section-description { 
  margin-bottom: 4rem;
}


/* Bigger than 550 */
@media (min-width: 550px) {

  .section {
    padding: 12rem 0 11rem;
  }
  .hero {
    padding-bottom: 12rem;
    text-align: left;
    height: 165px;

  }
  .phone {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 362px;
    z-index: 3;
  }
  .phone + .phone {
    top: -6rem;
    display: block;
    max-width: 73.8%;
    right: 0;
    z-index: 2;
    max-height: 338px;
  }
  .hero-heading {
    font-size: 2.4rem;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 195px;
  }
  .hero-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 14rem 0 15rem;
  }
  .hero {
    padding: 16rem 0 14rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .phone {
    top: -6rem;
    right: 5rem;
    max-height: 510px;
  }
  .phone + .phone {
    top: -12rem;
    max-height: 472px;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
	
	.PizzaLife{text-align:center;font-size:70px;font-family:oswald;}
  .section {
    padding: 20rem 0 19rem;
  }
  .hero {
    padding: 22rem 0;
  }
  .hero-heading {
    font-size: 3.0rem;
  }
  .phone {
    top: -10rem;
    max-height: 615px;
  }
  .phone + .phone {
    top: -14rem;
    max-height: 570px;
  }
}