@charset "utf-8";
/* CSS Document */

@import url(base.css);

#horizontal {
	position:absolute;top:45%;left:0;
	text-align:center;
	width:100%;height:1px;
	overflow:visible;visibility:visible;display:block;
}
	#ctn {
		position:absolute;top:-200px;left:50%;
		visibility:visible;
		text-align:center;
		width:100%;
		margin:0 0 0 -50%;
	}
	
	
h2 {
	position:relative;
	background: url(bg.png) 0 0 no-repeat;
	margin-left:auto; margin-right:auto; margin:0 auto;
	width:376px; height:210px;
    display: flex;
    background-size: contain;
    background-position: bottom;
	
}
	h2 span { display:none;}

p.p1 { margin-top:1.5%; padding-top:2%; border-top:1px solid #ccc;}

	p.p1 span { padding-left:20px;}

.mrk_plc {
	width: 250px;
	margin:0 auto;
	padding: 20px 0 0 0;
	display: block;
}	


/* --------------------------------------------
  iPad in landscape
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 1024px) {  } 
*/
	
@media (max-device-width: 1024px) and (orientation: landscape) {


		
}


/* --------------------------------------------
  iPad in portrait
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 768px) {  } 
*/

@media (max-device-width: 1024px) and (orientation: portrait) {


		
}
			
				
/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 600px) {
	
#horizontal { top:47%;}
		
	h2 {
		background: url(bg.png) 0 0 no-repeat;
		width:240px; height:120px;
		background-size: contain;
        background-position: bottom;
		
	}
		h2 span { display:none;}
	
	p.p1 { margin-top:5%; padding-top:5%; border-top:1px solid #ccc;}
	
		p.p1 span { display:block; padding-left:0;}
					
}