/* fonts.css */

.contact {
	width:100%;
	display:inline;
	text-align:center;
	
	
}
.contact a:hover {
	background-color:blue;
}
.fonts1 {
	width:90%;
	margin:auto;
	font-size:1em;
	xline-height:15px;
	font-family:Paprika, sans-serif;
}

.fonts1 p {
	text-indent:20px;
}
.fonts2 {
	font-size:0.8em;
	width:120px;
	line-height:15px;
	font-family:Paprika, sans-serif;
	padding-right:80px;
	padding-left:50px;
}
.fonts3 {
	font-size:0.85em;
	width:190px;
	line-height:15px;
	font-family:Paprika, sans-serif;

}
@media (max-width:481px) {
	.fonts1 {
		font-size:0.75em;

	}
	.fonts2 {
	
		font-size:0.65em;
		margin-left:-70px;
		margin-right:-90px;
	}
	.fonts3 {
		font-size:0.65em;
		qmargin-left:-60px;
		
		  
		qmargin-right:-20px;

		
	}
}
@qmedia (min-width:374px) and (max-width:480px) {
	.fonts2 {
		font-size:0.7em;
		margin-left:10px;
	}
	.fonts3 {
		font-size:0.7em;
		
	}
}
@qmedia (min-width:319px) and (max-width:358px) {
	.fonts2 {
		font-size:0.7em;
		margin-left:-200px;
	}
	.fonts3 {
		font-size:0.7em;
		
	}
	
	
}
.latest {
	margin: auto;
   width:250px;
}
.latest a {
position:relative;
padding:5px;
top:-20px;
margin-left:20px;
}

.new-button{
	font-size: 1em;
	background-color:#ff8c00;
	text-align:center;
	text-shadow: 1px 1px 3px #000;
	color:#000;
	padding:0px;
	font-family:Paprika;
	border-radius:20px;
  box-shadow: 5px 5px 12px #808080; /*check this later??????????????????*/
  text-decoration:none;
  display: inline-block;
    	width: 100px; /* background for slider */ 
	height: 25px;
	color: #fff;
	text-shadow: 5px 5px 3px #000;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222; 
	background-image:url(../images/mainbk.png);
} 
.new-button:hover {
  background-color: blue;
  color:white;
}

.font-button {
	background:#ff8c00;
	font-size:0.8em;
	text-shadow: 1px 1px 3px #000;
	text-decoration:none;
	text-align:center;
	padding:6px 9px;
	border-radius: 8px;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222; 
	background-image:url(../images/mainbk.png);
	box-shadow: 5px 5px 12px #808080; /*check this later??????????????????*/
}

a.font-button:hover {
color:white;
background:blue;text-decoration:none;
background-image:url(../images/mainbk.png);
}  

a.font-button  {
color:#ffffff;
text-decoration:none;
}


/*.title7 {
padding:5px 5px;
background-image:url(../images/mainbk.png);
font-family:Paprika;
font-size:0.9em; background-color:#c1c1c1;
border-radius:15px;
border:1px solid #c0c0c0;
text-decoration:none;
color:#000;
line-height:40px;
}
.title7:hover {
color:white;
}*/

.font-types { 
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 8px; /* Firefox */
	column-gap: 6px;
	Qheight:200px;
	width:320px;
	margin:auto;
	qpadding-left:10px; /* left margin for font buttons */
}

.font-listing  a:first-child {
font-size:0.65em;
color:white;
width:110px;
height:35px;
float:left;
margin-bottom:5px;
}
.floating-box {
    display: inline-block;
    margin: 5px;
	font-size:0.85em;	
}

/*
@media (max-width:400px) {
	#container1,#container2,#container3 {
		bottom:700px;
	}
}
@media (min-width:401px) and (max-width:480px) {
	#container1,#container2,#container3 {
		bottom:800px;
	}
	.fonts1 {
		font-size:0.7em;
		padding:0 35px;
	}
	.fonts2 {
		font-size:0.7em;
		padding:0 60px;
	}
	.new-oneX  img{
		margin-left:30px;
	}
	.new-oneX span {
		margin-left:20px;
		font-size:1em;
	}
	.qfont-listing {
		font-size:1em;
		padding:15px 0 0 30px;
	}

}
@media (min-width:481px) and (max-width:560px) {
	#container1,#container2,#container3 {
		bottom:900px;
	}
	.fonts1 {
		font-size:0.75em;
		padding:0 35px;
	}
	.qnew-oneX {
	width:560px;
	qheight:50px;
	qmargin-top:0px;
}

	.new-oneX  img{
		margin-left:50px;
	}
	.qnew-oneX span {
		margin-left:40px;
		font-size:1em;
	}
	.qfont-listing {
		font-size:1em;
		padding:15px 0 0 50px;
	}
	.fonts2, .fonts3 {
		padding-left:50px;
	}

}



.fonts2 {
	font-size:0.65em;
	line-height:18px;
	padding:0 20px;
	margin:0;
}
.fonts3 {
	font-size:0.65em;
	line-height:18px;
	padding:0px;
	margin:0;
}
.new-oneY {
	width:320px;height:50px;margin:0 auto;
}
ul.qfont-listing {
	margin:0;padding:0;
}
*/