#content{
	
	padding: 20px;
	margin: 20px;
	width: 400px;
	align: center;
}


img._mpt_dyn_img{
	    max-width: 100%;
    height: auto;
	
}

 .mpt_hipster_btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 40px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.mpt_hipster_btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}


._hipster_boxx{
	
	border-radius: 25px;
	padding: 8px;
	text-decoration: none;
	background: #efffff;

  font-size: 16px; 	
  font-size: 4vw;
  width: 90%;
  
   font-family: serif, "Times New Roman", Times;
  
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 1 1 3px blue;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
  
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:  0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
  
}

._hipster_boxx:hover {
  
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;	 
  
  	 background: #CCFFFF;
  	
 }  
 
 
 
 
 
 ._hipster_title{
	
	border-radius: 25px;
	padding: 8px;
	text-decoration: none;
	background: #efffff;
  
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 1 1 3px blue;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
  
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:  0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
  
}

._hipster_title:hover {
  
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;	 
  
  	 background: #CCFFFF;
  	
 }  


._recipe_boxx{
	
	border-radius: 25px;
	padding: 8px;
	text-decoration: none;
	background: #efffff;
  
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 1 1 3px blue;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
  
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:  0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
  
}

._recipe_boxx:hover {
  
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;	 
  
  	 background: #CCFFFF;
  	
 }  
 
 
 
 /* Shtuff for Facebook share button  */
 
.fb-share-button
{
transform: scale(2.5);
-ms-transform: scale(2.5);
-webkit-transform: scale(2.5);
-o-transform: scale(2.5);
-moz-transform: scale(2.5);
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}




.__mpt_hipster_display {
  background: #efffff;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 150%;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.__mpt_hipster_display:hover {
  background: #CCFFFF;
  text-decoration: none;
}  




 
 
a.webnamer_seek {
 color: #e74c3c;
 font-weight: 500;
 -webkit-transition: -webkit-transform 0.2s;
 transition: transform 0.2s;
 display: inline-block;
 text-decoration: none;
 position: relative;
 width: 80%;
 }

 a.webnamer_seek::before {
 position: absolute;
 top: 0;
 left: -10px;
 z-index: -1;
 box-sizing: content-box;
 padding: 0 10px;
 width: 100%;
 height: 100%;
 border-radius: 5px;
 background-color: #CCE5FF;
 content: '';
 opacity: 0;
 -webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
 transition: transform 0.4s, opacity 0.3s;
 -webkit-transform: scale(0);
 transform: scale(0);
 }

 a.webnamer_seek:hover::before
 {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 
 
 
 
 .webnamer_textbox { 
 padding:8px; 
 font-size:20px; 
 border-width:3px; 
 border-radius:8px; 
 border-style:inset; 
 border-color:#44b8db; 
 background-color:#ffffff; 
 box-shadow: 0px 0px 5px 0px rgba(42,42,42,.75); 
 text-shadow:0px 0px 0px rgba(42,42,42,.75); 
 font-weight:bold; 
 font-style:none;  
} 

 .webnamer_textbox:focus { outline:none; } 
 
 
 
 

._webnamer_small_btn {
 
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -moz-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -ms-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -o-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: linear-gradient(to bottom, #bedef3, #e9f4fb);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000;
  font-size: 2em;
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  
  
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;  
}

._webnamer_small_btn:hover {
  background: #93c8ec;
  color: #fff;  
  text-decoration: none;
  
 -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}




 
 ._webnamer_title{
	
	border-radius: 25px;
	padding: 8px;
	text-decoration: none;
	background: #efffff;
  
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 1 1 3px blue;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
  
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:  0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
  font-size:1vw;
 width: 80%; 
}

._webnamer_title:hover {
  
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;	 
  
  	 background: #CCFFFF;
  	
 }  
 

.mpt_anchor_webner_btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
 font-size:1.5vw;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
/*   line-height: 40px;  */
   width: 90%;
  display: inline-block;   
}

.mpt_anchor_webner_btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}
 
 
 
 
 ._webnamer_outline_box{
  
	border:inset 3px #000000;
	border-radius: 25px;
	padding: 4px;
	
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
}


._webnamer_outline_box:hover, ._webnamer_outline_box:focus, ._webnamer_outline_box:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
  

 



/* Hipster meme on mobile 

ONLY MOBILE CSS BELOW THIS LINE --- ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE --- ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---ONLY MOBILE CSS BELOW THIS LINE ---

 */


@media screen and (max-width: 500px) {
  
a.webnamer_seek {
 color: #e74c3c;
 font-weight: 500;
 -webkit-transition: -webkit-transform 0.2s;
 transition: transform 0.2s;
 display: inline-block;
 text-decoration: none;
 position: relative;
 width: 80%;
 }

 a.webnamer_seek::before {
 position: absolute;
 top: 0;
 left: -10px;
 z-index: -1;
 box-sizing: content-box;
 padding: 0 10px;
 width: 80%;
 border-radius: 5px;
 background-color: #CCE5FF;
 content: '';
 opacity: 0;
 -webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
 transition: transform 0.4s, opacity 0.3s;
 -webkit-transform: scale(0);
 transform: scale(0);
 }

 a.webnamer_seek:hover::before
 {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 
  
._hipster_boxx{
	
	border-radius: 25px;
	padding: 8px;
	text-decoration: none;
	background: #efffff;

  font-size: 80%; 	
  font-size: 4vw;
  width: 90%;
  
   font-family: serif, "Times New Roman", Times;
  
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 1 1 3px blue;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
  
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:  0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.5);
  
}

._hipster_boxx:hover {
  
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;	 
  
  	 background: #CCFFFF;
  	
 }
 
 }


	/* 480 to 700 px  */

@media screen and (max-width: 700px) {
 
  
 ._webnamer_outline_box{
  
	border:inset 3px #000000;
	border-radius: 25px;
	padding: 4px;
	
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
}


._webnamer_outline_box:hover, ._webnamer_outline_box:focus, ._webnamer_outline_box:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
  
  
  
._webnamer_small_btn {
 
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -moz-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -ms-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -o-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: linear-gradient(to bottom, #bedef3, #e9f4fb);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000;
  font-size: 2em;
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  
  
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;  
}

._webnamer_small_btn:hover {
  background: #93c8ec;
  color: #fff;  
  text-decoration: none;
  
 -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}


}		/* End 480 to 700 px!!! */
 
 
 	/* Under 480px!!!!  */
 
 @media screen and (max-width: 481px) {
  
  
  
 ._webnamer_outline_box{
  
	border:inset 3px #000000;
	border-radius: 25px;
	padding: 4px;
	
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;	
}


._webnamer_outline_box:hover, ._webnamer_outline_box:focus, ._webnamer_outline_box:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
  
  
  
._webnamer_small_btn {
 
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -moz-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -ms-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: -o-linear-gradient(top, #bedef3, #e9f4fb);
  background-image: linear-gradient(to bottom, #bedef3, #e9f4fb);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000;
  font-size: 2em;
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  
  
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;  
}

._webnamer_small_btn:hover {
  background: #93c8ec;
  color: #fff;  
  text-decoration: none;
  
 -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}

  
} /* end Under 480px!!!!  */