*, ::after, ::before {box-sizing: border-box;} @font-face{ font-display: swap;}


html{ color: #707070; line-height: 1.4;}
body { margin: 0; padding: 0; font-family: sans-serif, 'Roboto'; font-size: 1rem; font-weight: 400; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; color: #000; word-break: break-word; }

p {font-size: 18px;}
ul {padding: 0; margin: 0;} ul li {list-style: none;}

figure{ margin: 0}
img {max-width: 100%; height: auto;}
input {outline: 0;}
p a {color: #2659fa !important; word-break: break-word;}
code {word-break: break-word; background-color: #f6f6f6;}
button{ border: none; cursor: pointer; background: 0 0; outline: 0} 

.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;} 
.col-4, .col-8, .col-12, .col-md-3, .col-md-4, .col-md-8, .col-md-9 {position: relative; width: 100%;} 
			
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } 
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } 
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } 



#category-content, .single-content, .last-shared {padding: 1rem;} 


.d-flex{ display: flex} 
.justify-content-space-between{ justify-content: space-between} 
.p1{ padding: 1rem !important} 
.mt0{ margin-top: 0 !important} 
.mt1{ margin-top: 1rem !important} 
.mb1{ margin-bottom: 1rem !important} 
.ml1{ margin-left: 1rem !important} 
.mt2{ margin-top: 2rem !important} 


.single-content ul {padding-left: 1.5rem;} 
.single-content li { list-style: disc; margin: 0.75rem 0; } 

.sidebar {padding-left: 1rem;} 

.breadcrumbs {margin: 0.75rem 0; background-color: #f5f5f5; padding: .75rem 1rem; border-radius: 4px;} #breadcrumb-home {display: none;}


.p-0-5 { padding: .5rem !important; }      
.container{ width: 100%; margin-right: auto; margin-left: auto; } 


@media (min-width: 576px) {.container { max-width: 540px; }} 
@media (min-width: 768px) { 
	.container {max-width: 830px;}  
	h1 {font-size: 25px; margin-top: 0 !important;} 
	h2 {font-size: 32px;} 
	h3 {font-size: 25px;} 
	.blog {padding: .5rem;} 

	.col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } 
	.col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } 
	.col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } 
	.col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } 	

} 

@media (min-width: 992px) {.container{max-width: 980px;}} 

@media (min-width: 1200px) {
	.container {max-width: 1180px;}
} 

@media (max-width: 768px) { .container {padding: 0 1rem;} h1 {font-size: 25px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} .sidebar {padding-left: 0;} }