body,td,th {
	font-family: Prompt, sans-serif;
	font-size: 14px;
}
.blogShort{ border-bottom:1px solid #ddd;}
.add{background: #333; padding: 10%; height: 300px;}


.btn-blog {
    color: #ffffff;
    background-color: #000066;
    border-color: #000066;
    border-radius:0;
    margin-bottom:10px
}
.btn-blog:hover,
.btn-blog:focus,
.btn-blog:active,
.btn-blog.active,
.open .dropdown-toggle.btn-blog {
    color: white;
    background-color:#34ca78;
    border-color: #34ca78;
}
 h3{color:#5188cb;}
 .margin10{margin-bottom:10px; margin-right:10px;}
 .left{margin-left:30px;}
 .right{margin-right:30px;}
 .buttom{ margin-bottom:10px;}
 
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
} 

@media only screen and (max-width: 320px) {
	.left{margin-left:20px;}
 	.right{margin-right:20px;}
}
@media screen and  (min-width: 321px) and (max-width: 375px) {
	.left{margin-left:40px;}
	.right{margin-right:50px;}
}
@media screen and  (min-width: 376px) and (max-width: 567px) {
	.left{margin-left:60px;}
	.right{margin-right:60px;}
}
@media screen and  (min-width: 421px) and (max-width: 567px) {
	.left{margin-left:100px;}
	.right{margin-right:100px;}
}