#prWrapper{
	width:300px;
	height:600px;
	position:relative;
	top:10px;
	left:0px;
	overflow:hidden !important;	
	background-color:#ee4a2c !important;
	border: 1px solid #ee4a2c;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(50%,50%);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-moz-transform-origin: top left;
	transform-origin: top left;
}

.exampleOneText {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: left;
    padding: 10px;
}


.exampleOneText h1{
   color: #f77a52;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    padding-bottom: 15px;
   
}

.adWrapper{
 height: 500px;
  }

#prLogo{
  left: 92px;
  position: absolute;
  top: 0px;
  width: 113px;	
  height: 62px;
  background-image: url(missionLogo.jpg);
  cursor:pointer !important;
  z-index:5;
}

#prGenClkMission{
	width:300px;
	height:305px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden !important;	
	background-image: url(background-top.jpg);
	cursor:pointer !important;
	/*border: 1px solid yellow;*/
		
}

#prBottom{
	width:300px;
	height:89px;
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden !important;
	background-color: #ffcd34;	
	/* background-image: url(bottom-txt.png);*/
	cursor:pointer !important;	
}

#bottomText {
    
     animation: bottomAnim 1s ease;
     -webkit-animation: bottomAnim 1s ease;
     -moz-animation: bottomAnim 1s ease;
     -o-animation: bottomAnim 1s ease;
     height: 89px;
     width: 300px;
    
}

@keyframes bottomAnim {
    from{transform:scale(0)}
    80%{transform:scale(1.2)}
    to{transform:scale(1)}
}

@-webkit-keyframes bottomAnim {
     from{transform:scale(0)}
    80%{transform:scale(1.2)}
    to{transform:scale(1)}
}

@-moz-keyframes bottomAnim {
     from{transform:scale(0)}
    80%{transform:scale(1.2)}
    to{transform:scale(1)}
}

@-o-keyframes bottomAnim {
     from{transform:scale(0)}
    80%{transform:scale(1.2)}
    to{transform:scale(1)}
}

#pr-product1{
	/*border: 1px solid yellow;*/
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:205px;
	margin:303px 0px 0px 0px;
	-o-transition:0.4s all ease-in-out;	-ms-transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;
	z-index:2;
	cursor:pointer !important;
}

#pr-image1{
	top:305px;
	left:0px;
	width:300px;
	height:214px;
	/*margin:0px 0px 0px 0px;*/
	background:url(pinwheels.jpg);
}

#pr-product2{
	/*border: 1px solid yellow;*/
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:205px;
	margin:303px 0px 0px 300px;
	-o-transition:0.4s all ease-in-out;	-ms-transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;
	z-index:2;
	cursor:pointer !important;
}

#pr-image2{
	top:305px;
	left:0px;
	width:300px;
	height:214px;
	margin:0px 0px 0px 0px;
	background:url(quesadillas.jpg);
}

#pr-product3{
	/*border: 1px solid yellow;*/
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:205px;
	margin:303px 0px 0px 600px;
	-o-transition:0.4s all ease-in-out;	-ms-transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;
	z-index:2;
	cursor:pointer !important;
}

#pr-image3{
	top:305px;
	left:0px;
	width:300px;
	height:214px;
	margin:0px 0px 0px 0px;
	background:url(chicken.jpg);
}

#pr-product4{
	/*border: 1px solid yellow;*/
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:205px;
	margin:303px 0px 0px 900px;
	-o-transition:0.4s all ease-in-out;	-ms-transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;
	z-index:2;
	cursor:pointer !important;
}

#pr-image4{
	top:0px;
	left:0px;
	width:300px;
	height:214px;
	margin:0px 0px 0px 0px;
	background:url(nachos.jpg);
}

#pr-product5{
	/*border: 1px solid yellow;*/
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:205px;
	margin:303px 0px 0px 1200px;
	-o-transition:0.4s all ease-in-out;	-ms-transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;
	z-index:2;
	cursor:pointer !important;
}

#pr-image5{
	top:305px;
	left:0px;
	width:300px;
	height:214px;
	margin:0px 0px 0px 0px;
	background:url(sliders.jpg);
}

#pr-left-arrow{
	position:absolute;
	top:280px;
	left:0px;
	margin:95px 0px 0px 0px;
	width:40px;
	height:73px;
	background:url(leftArrow.png);
	z-index:4;
	cursor:pointer !important;
}

#pr-right-arrow
{
	position:absolute;
	top:280px;
	left:0px;
	margin:95px 0px 0px 260px;
	width:28px;
	height:72px;
	background:url(rightArrow.png);
	z-index:4;
	cursor:pointer;
}

@media only screen
and (max-width: 768px) {

	.adWrapper{
  padding-top: 14px;
  height: 400px;
  }

  #prWrapper{
	-moz-transform: scale(0.6);
	-webkit-transform: scale(50%,50%);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-moz-transform-origin: top left;
	transform-origin: top left;
}

.exampleOneText h1{
	font-size: 20px;
	top: -100px;

	}

	.exampleOneText {
   top: -100px;
}



  }