/*@import url(https://fonts.googleapis.com/css?family=Satisfy|Pathway+Gothic+One);
*/

/*btnbtnbtnbtnbody,
h1,
h2,
h3,
h4,
h5,
h6,
p
 {font-family: 'Pathway';
	}*/
	 
.copybutton {
    padding:6px 12px;
	display:inline-block;}

h1{font-size:35px;}
h2{font-size:24px;}
h3{font-size:25px;}
p {font-size:16px;}

body {background:#490A3D;}
.quotemark {
    position: relative;
    top: -12px;
    padding-right: 10px;
}

blockquote {
  border-left: 10px solid #490A3D;
  margin: 10px;
  padding: 10px;
}
blockquote:before {
  color: #ccc;
  line-height: 0.1em;
  margin-right: 10px;
  vertical-align: -0.4em;
}
blockquote h1, h2, h3, p{
  display: inline;
}
blockquote footer {
	/*font-size:18px;*/
	text-align:right;
	color:transparent;
}

.container {
	width: 100%;
	/*max-height:800px;*/
	/*padding: 10px;*/
	/*max-height:300px;*/
	margin: 0 10px;
	/*align-content: center;
	text-align: center;*/
}

.caixa{
	padding:0 5px;
}
.quotebox {
	background:#fff;
	width: 100%;
	/*max-width:700px;*/
	min-height:100px;
	border:1px solid transparent;
	border-radius:10px;
	margin:10px;
}


#quotetext {
	width: 100%
}
.quotebutton {
	display:inline-block;
	padding:6px 12px;
}
	#quotesource{margin-top:20px}

.btn {margin-bottom:10px}

.social-icons {
	padding:6px 12px;
	display:inline-block;
	
}
.social-icons .fa {
	font-size: 1.8em;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons .fa-twitter {
	background-color:#490A3D; 
	border-color:none;} 

.btn-primary {
	width: auto;
	height: 40px;
	border:none;
	background:#490A3D;
	}

@media only screen and (max-width: 768px){  
    #quotetext {font-size:22px; }
	/*.container {margin-right:20px;}*/
}
@media only screen and (max-width: 320px){  
    #quotetext {font-size:20px; line-height: 16px; }
	.quotebutton {
		padding: 0px 0px 0px 10px;}

}