body {
    font-style: normal;
    font-variant: normal;
}
h1 {
    font-size: 28px;
    margin-top: 0;
    padding: 0;
    display: table;
    width: 98%;
    margin: 10px auto;
    padding: 10px;
    letter-spacing: 2px;
    background-image: linear-gradient( 
179deg,#006c4a ,#01493c);
    border: 2px dashed white;
    color: #fff;
    box-shadow: 0 0 0 4px #005a6e;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 10px;
}
p {
	margin-bottom: 10px
}
p:last-child {
    margin-bottom: 0;
}
pre, code {
    display:block;
    overflow: auto;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: inset 0 0 .5em #CCCCCC;
    padding: 10px;
    margin:0;
    font-family: monospace;
    white-space: pre;
}

blockquote{
    margin: 0;
background: #f4f4f4;
border-bottom: 5px solid #EAF9F9;
border-bottom: 5px solid #00754fbf;
color: #3A3C55;
padding: 30px 30px 30px 90px;
font-family: 'Lato', sans-serif;
font-weight: 300;
margin-bottom: 10px;
}

blockquote:before {
content: "\201C";
font-family: serif;
left: 20px;
top: 20px;
color: white;
background: #FB6652;
width: 50px;
height: 50px;
font-size: 50px;
line-height: 1.35;
text-align: center;
}
blockquote p {
margin: 0 0 16px;
font-size: 22px;
letter-spacing: .05em;
line-height: 1.4;
}
blockquote cite {
font-style: normal;
}

@media screen and (max-width: 980px) {

	blockquote {
margin: 0;
background: #f4f4f4;
border-bottom: 5px solid #EAF9F9;
border-bottom: 5px solid #00754fbf;
color: #3A3C55;
padding: 10px 10px 10px 10px;
font-family: 'Lato', sans-serif;
font-weight: 300;
margin-bottom: 10px;

	}




ul {
    margin: 0 20px;
    padding: 0;
}
.positive {
    color: green;
}
.negative {
    color: red;
}
.hide_tag {
    overflow: hidden;
    padding: 5px 10px 5px 25px;
}
.hide_tag_allow {
    overflow: hidden;
    padding: 5px 0 5px 10px;
}
.text_center {
	text-align: center;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.text_justify {
	text-align: justify;
}

ol {
    margin: 0 20px;
    padding: 5;
}