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

.card {
    position: relative;
    border: solid 1px #424242;
    padding: 45px 50px 25px 60px;
    margin-top: 100px;
    background-color: #424242;
    border-radius: 10px;
    color: #fff;
}

.post-txt {
    font-size: 20px;
    margin-bottom: 0;
	font-family: "Droid Serif";
	font-style: italic;
}

.quote-img {
    position: absolute;
    top: 32px;
    left: 25px;
    width: 30px;
    height: 30px;
}

.nice-img {
    width: 20px;
    height: 25px;
    margin-bottom: 7px;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 20px solid #424242;
  margin-left: 45px;
}

.fit-image{
    width: 100%;
    object-fit: cover;
}

/*.profile-pic {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    left: 65px;
    margin-top: 15px;
}
*/
.profile-name {
    font-size: 22px;
    left: 210px;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 60px;
	color: #9CB9BE;
	line-height: 1.2;
	font-family: SharpSansNo1;
	
}

.bigQuoteLeft{
	position: absolute;
    top: -20px;
    left: 18px;
    font-size: 500%;
    color: #9cf400;
}

.bigQuoteRight{
	position: absolute;
    font-size: 500%;
    color: #9cf400;
    margin-top: -28px;
}

@media (max-width:768px){
	.post-txt {
    font-size: 18px;
    margin-bottom: 0;
	font-family: "Droid Serif";
	font-style: italic;
}
	
.card {
    position: relative;
    border: solid 1px #424242;
    padding: 45px 15px 30px 15px;
    margin-top: 100px;
    background-color: #424242;
    border-radius: 10px;
    color: #fff;
}	

.bigQuoteLeft{
	position: absolute;
    top: -30px;
    left: 0px;
    font-size: 500%;
    color: #9cf400;
}

.bigQuoteRight{
	position: absolute;
    font-size: 500%;
    color: #9cf400;
    margin-top: -10px;
	right: 15px;
}	
	
}