body {margin: 0;font-family: segoe ui,sans-serif;}
a {text-decoration:none;    color: #0c6e56;} a:hover{text-decoration:underline;} 

.wrap{overflow:hidden; clear:both;}

.header {background:#fff;}
div#logo {max-width: 1000px;margin:  0 auto;overflow: hidden;text-align:center;}

.nav {background: #147f5a;text-align:center;}

ul.menu {list-style-type: none;max-width: 1000px;margin: 0 auto;border-radius: 10px;
background:37c879;
background:linear-gradient(207deg, #37c879, #086650);
padding-left:15px;
}

ul.menu li {display: inline-block;}

ul.menu li a {    color: white;
    padding: 17px;
    display: inherit;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
	    letter-spacing: 2px;
}


div#logo a {display: inline-block;padding: 15px 20px;}

.wrap {max-width: 1000px;margin: 0 auto;}

.footer {background: #232422;color: white;overflow: hidden;}

p.footertext {           background: url(/differencebee-w.png);
    background-repeat: no-repeat;
    background-size: 230px;
    padding: 55px 20px 8px 0px;
    max-width: 400px;
    color: white;
    font-size: 19px;
    margin-left: 25px;
	    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 0px;}
	.footernav {margin: 15px;
    border: 1px solid #3e3e3e;
    border-width: 1px 0px;
    padding: 15px;}

.footernav a {color: white;margin-right: 15px;}




.m15 {margin: 15px;}

form.contactform input,form.contactform textarea {display: block;margin: 10px 0px;font-size: 17px;width: 80%;max-width: 350px;padding: 8px;border-radius: 5px;border: none;background: #e8f5f1;border-bottom: 2px solid #147f5a;font-family: seoe ui,sans-serif;}

button.sumitbutton {background: #147f5a;color: white;padding: 10px 30px;font-size: 18px;border: 0px;cursor: pointer;border-radius: 5px;}

h1.pagetitle {margin: 15px;font-size: 32px;text-transform: capitalize;line-height: 40px;}

p.text {margin: 0px 15px 17px;font-size: 20px;line-height: 30px;}

h2 {margin: 15px;font-size: 22px;line-height: 32px;}
.article h3 {
    margin: 15px;
    font-size: 19px;
    line-height: 25px;
    color: #0e6b53;
}
h3.term1h {        background: #e8f5f1;
    font-weight: normal;
    font-size: 20px;
    padding: 15px;
    color: #0c6e53;
    font-weight: 600;
    margin: 10px 0px 15px;}

p.def {margin: 0px 15px 17px;font-size: 18px;line-height: 28px;word-break: break-word;}

span.posh {display: block;font-weight: 500;}

.def em {background: #bee3d8;padding: 3px 8px;display: inline-block;margin: 5px 0px;}

div#differences {overflow: hidden;}

.term1,.term2 {display: inline-block;width: 49%;margin: 0;vertical-align: top;}
span.defi {display: block;margin: 0px 0px 10px;font-size: 17px;line-height: 24px;}

.sidect {padding: 0px 15px;}
.featureimage {margin:0px 10px 10px;}
.featureimage img{max-width:100%;}
h2.sideh2 {font-size: 20px;line-height: 28px;border-bottom: 4px solid #0c6e53;margin: 10px 10px 0px;padding: 10px;}

.sidect h3 {font-size: 18px;font-weight: 500;margin: 10px 0px 8px;padding-bottom: 5px;line-height: 28px;border-bottom: 4px dotted #dfebe5;}
.m15 h3 {font-size: 22px;border-bottom: 4px dotted #dfebe5;padding: 5px 0px;line-height: 30px;max-width: 600px;margin:15px 0px;}
.hero {background: url(homeblur.png);background-repeat: no-repeat;background-position: right -14px;background-size: 277px;border-bottom: 4px solid #e7f0ee;height: 240px;}

h1.m15.m15hero {max-width: 400px;font-size: 34px;line-height: 52px;/* letter-spacing: -1px; */font-weight: 700;}
.footerinfo {padding: 0px 25px 15px;}
h2.homeh2 {font-size: 30px;
    line-height: 44px;
    
    margin: 10px 0px 0px;
    padding: 10px 15px;}
    
    
	h3.post-title {
  display: block;
    z-index: 1000;
    padding: 10px 15px;
    bottom: 0;
    font-size: 30px;
    line-height: 34px;
    border: none;
    margin:0;
}

.post-item {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.post-thumb img {
    max-width: 100%;
}
.post-meta {
 border: 1px solid #ddd;
    padding: 5px;
    font-size: 14px;
    margin: 0px 15px 15px;
    margin-bottom: 15px;
}
.post-body.entry-content p img {
    max-width: 100%;
}
.post-meta span {
    font-style: italic;
    color: #777;
}
.post-body p {
    margin: 0 15px 27px;
    font-size: 17px;
    line-height: 26px;
}
.post-body li {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}

.post-body ol,.post-body ul {
    margin: 0px;
    padding: 0px 15px;
    list-style-position: inside;
}
.featured-post {
    height: 350px;
    background-size: cover;
    position: relative;
}

span.fpic {
    background: #0e6d54;
    color: white;
    padding: 6px 10px;
    margin: 15px 30px;
    display: inline-block;
    position: absolute;
    bottom: 154px;
}

.featured-post h3 {
    position: absolute;
    bottom: 50px;
    display: block;
    font-size: 22px;
    padding: 35px;
    margin: 0px;
}

.featured-post h3 a {
    color: white;
}

.featured-post p {
    position: absolute;
    bottom: 7px;
    display: block;
    font-size: 20px;
    padding: 35px;
    margin: 0px;
    color: #c1dcce;
}
.pagination {
    border: 1px solid #c1dcce;
    padding: 5px;
    text-align: right;
    border-width: 2px 0px;
    margin: 0px 5px 15px;
    font-size: 18px;
}

.pagination a {
    background: #0a6951;
    margin: 5px;
    display: inline-block;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
}

span.current {
    display: inline-block;
    padding: 5px 9px;
    margin: 5px;
    background: #c1dcce;
    border-radius: 5px;
}
.rss-feeds {
    background: #0c6a52;
    background: linear-gradient(207deg, #37c879, #086650);
    margin: 15px;
    padding: 15px;
    color: white;
    border-radius: 10px;
}

.rss-feeds img {
    width: 43px;
    vertical-align: middle;
    margin-left: 6px;
}

.rss-feeds a {
    color: white;
    font-size: 17px;
    font-weight: bold;
    margin-left: 15px;
}
ul.menu{    white-space: nowrap;
    overflow-x: scroll;}
.a2a_kit {
    padding: 15px;
}

@media only screen and (min-width: 600px) {
	.main {width: 650px;width:65%;float: left;}

.wrap{overflow:hidden; clear:both;}

.side {width: 346px; width:calc(35% - 4px);float: left;background: #e8eeeb;border-left: 4px dotted #dfebe5;background: white;}

div#logo,.nav{text-align:left !important;}
ul.menu{    white-space: normal;
    overflow-x: auto;}
}
}
 