@media only screen and (min-width: 768px) and (max-width: 959px){
	#wrapper, #footer, #footer-bottom, main#content {
		width: 714px;
	}
	#navigation {
    width: 734px;
}
.container {
    width: 678px;
}
.container .eight.columns, .container .eight.floated {
    width: 322px;
}
article{
	    width: 678px;
    margin: 0 auto;
}
.menu ul > li > a {
    padding: 15px 10px 16px 10px;
}
}

@media only screen and (max-width: 767px){
	#wrapper, #footer, #footer-bottom, main#content{
    width: 420px;
}
.container {
    width: 360px;
}
.container .one.column, .container .one.columns, .container .one.floated, .container .two.columns, .container .two.floated, .container .three.columns, .container .three.floated, .container .four.columns, .container .four.floated, .container .five.columns, .container .five.floated, .container .six.columns, .container .six.floated, .container .seven.columns, .container .seven.floated, .container .eight.columns, .container .eight.floated, .container .nine.columns, .container .nine.floated, .container .ten.columns, .container .ten.floated, .container .eleven.columns, .container .eleven.floated, .container .twelve.columns, .container .twelve.floated, .container .thirteen.columns, .container .thirteen.floated, .container .fourteen.columns, .container .fourteen.floated, .container .fifteen.columns, .container .fifteen.floated, .container .sixteen.columns, .container .sixteen.floated, .container .one-third.column, .container .two-thirds.column {
    width: 360px;
	margin: 0 auto;
}
#navigation {
    margin: 0;
    width: 100%;
    height: auto;
    background: transparent;
	display:none;
}
nav.margin-bottom {
    display: block;
	background-color: #4c4c4c;
	margin-bottom: 0;
}
.social-icons, .top-search, .slide-caption, .js #responsive, .left-corner, .right-corner {
    display: none;
}
.nav-text {
    color: #fff;
    display: block;
    font-size: 1.2rem;
    line-height: 3;
    margin-right: 0.625rem;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 52px;
    overflow: hidden;
    margin-bottom: 0px;
}
.nav-text:after {
    content: url(../images/icons8-menu-filled.svg);
    font-family: "mfg";
    font-size: 1.1rem;
    margin-left: 0.5rem;
    text-align: right;
}
.l-12 {
    width: 100%;
}
.top-nav > ul {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 999;
}
.top-nav > ul.show-menu, .aside-nav.minimize-on-small > ul.show-menu {
    height: auto;
}
.top-nav li {
    float: none;
    list-style: none outside none;
    padding: 0;
	cursor: pointer;
}
.top-nav li a {
    background: none repeat scroll 0 0 #0E477F;
	color: #fff;
    display: block;
    padding: 1.25rem 0.625rem;
    text-align: center;
    text-decoration: none;
}
#site-title {
    border-left: none;
    margin: 25px 0 25px 35px;
    padding: 5px 0 5px 3px;
    width: auto;
}
.top-nav li.current-menu-item a{
	background-color: #CFCFCF;
    border-right: 1px solid #CFCFCF;
}
article{
	width:360px;
	margin: 0 auto;
}
}
@media screen and (max-width: 479px){

.container, .container.floated, article, #wrapper, #footer, #footer-bottom, main#content{
    width: 319px;
	
}
.container{
	overflow:hidden;
}
.container .eight.columns, .container .eight.floated, .container .four.columns {
    margin: 10px;
}
table.card td {
padding: 10px 10px;
}
.single-post article{
	padding:0 10px;
}
}