/******** DEFAULT SETTING ********/
* {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

header, hgroup, section, footer, aside, nav, article, figure, figcaption, canvas, address { 
  display: block; 
}

body {
    margin:0;
    padding:0;
    font-family: 'Poppins', sans-serif;
    font-size:100%;
    font-weight:400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wrapper {
  width:84%;
  margin:0 auto;
}

img.fit {
  width:100%;
  height:auto;
  display:block;
  border:none;
}

.clearfix {
  clear:both;
}

a {
  text-decoration:none;
}

hr.green_df {
    width:100px;
    height:6px;
    margin-top:20px;
    border:none;
    background:#2e99a6;
}


/******** Nav ********/
nav.mainnav {
    width:100%;
    background:#1a504f;
    position:relative;
    z-index:500;
}

.navwrap {
  width:84%;
  margin:0 auto;
}

.navcol1 {
    float:left;
    width:70%;
}

.navcol2 {
    float:right;
    width:25%;
    text-align:right;
}


@media screen and (max-width:1280px) {
    .navcol2 {
        float:right;
        width:30%;
    }
}

/** Nav btn **/

button.navbtn {
    display:none;
    width:30px;
    height:30px;
    border:none;
    background:none;
    outline:none;
    position:relative;
    z-index:1000;
    float:left;
    margin-top:7px;
}


i.opnav {
  display:block;
  width:100%;
  position:absolute;
  top:0;
  right:0;
}


i.clnav {
  width:100%;
  padding-left:2px;
  position:absolute;
  top:0;
  right:0;
  display:none;
}

/** Navigation **/

ul.navi {
    width:100%;
    list-style:none;
}

ul.navi li {
    display:inline-block;
}

ul.navi a {
    display:block;
    padding:10px 20px;
    font-size:14px;
    color:#f6f6f6;
    transition:0.3s;
}

ul.navi a:hover {
    color:#fda908;
}

ul.subnavi {
    list-style:none;
    position:absolute;
    display:none;
    background:#306160;
    z-index:1000;
}

ul.subnavi li {
    display:block;
}

ul.subnavi a {
    padding:6px 20px;
}

ul.navi li:hover ul.subnavi {
    display:block;
}



/*** Lang ***/
a.ENG,
a.DEN {
    display:inline-block;
    width:28px;
    height:28px;
    margin-top:6px;
    outline:none;
}

a.DEN {
    margin-left:18px;
}




/** previous concept
button.langbtn {
    display:inline-block;
    width:40%;
    border:none;
    background:none;
    outline:none;
    position:relative;
    float:right;
    padding:10px 0 13px;
}


button.langbtn p {
    font-size:14px;
    color:#f6f6f6;
}

i.oplang {
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    top:8px;
    right:0;
    cursor:pointer;
}


i.cllang {
    display:none;
    width:20px;
    height:20px;
    position:absolute;
    top:8px;
    right:0;
    cursor:pointer;
}

.langpanel {
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#1a504f;
    text-align:center;
    display:none;
}

.langpanel a {
    display:block;
    padding:14px 0;
    font-size:14px;
    color:#f6f6f6;
    transition:0.3s;
}

.langpanel a:hover {
    color:#fda908;
}

**/


/******** Home ********/

/***** Background zoom *****/
.hmbanner {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.blktrans {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:100;
}

.blktrans2 {
    background:rgba(0,0,0,0.2);
}

.pattern {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('images/pattern.png');
    z-index:200;
}

.hmban-content {
    width:100%;
    position:absolute;
    top:30%;
    left:0;
    text-align:center;
    z-index:300;
}

img.logo {
    display:inline-block;
    width:19%;
}

p.hmbantxt2 {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:1.4em;
    color:#efefef;
    margin-top:40px;
}

p.hmbantxt2 i {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fd8d08;
    margin:0 30px;
}


/***** Home content *****/
section.hmmain {
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#ffffff;
}

article.hmsec1 {
    width:84%;
    margin:0 auto;
    padding:50px 0;
}

.hmsec1a {
    float:left;
    width:35%;
}

h1.hmtag {
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:1.8em;
    color:#282828;
}

h1.hmtag2 {
    color:#f6f6f6;
}

p.whatwedo {
    margin-top:60px;
    font-size:1.3em;
    font-weight:300;
    color:#484848;
    line-height:150%;
}

p.hmtxt1 {
    margin-top:20px;
    font-size:0.95em;
    color:#686868;
    line-height:160%;
}

figure.hmsec1b {
    float:right;
    width:57%;
    margin-top:20px;
}


/*** Slide content ***/
.hmpglink {
    width:100%;
}

img.hmpglink-img {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}

#owl-demo .item {
    display: block;
    cursor:pointer;
    background:rgba(0,0,0,0.4);
    margin: 0 !important;
    padding:50% 0 15%;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size:1.3em;
    font-weight:600;
    color:#ffffff;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}
        
#owl-demo .item:hover{
    background:rgba(0,0,0,0.3);
}

#owl-demo .item p {
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

#owl-demo .item:hover p {
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    transform:translateY(-20px);
}


section.hmsec2 {
    width:100%;
    margin-top:-10px;
    padding:60px 0 0;
    background:#f7f7f7;
}

.hmsec2a {
    float:left;
    width:23%;
}

.hmsec2b {
    float:right;
    width:75%;
}

.ser1 {
    width:47%;
    float:left;
    overflow:hidden;
}

.ser2 {
    width:47%;
    float:right;
    overflow:hidden;
}

.ser1 i,
.ser2 i{
    display:block;
    width:11%;
    float:left;
    margin-bottom:40px;
}

.ser1 p,
.ser2 p{
    display:block;
    width:82%;
    float:right;
    font-size:1.1em;
    font-weight:300;
    color:#686868;
    margin-bottom:40px;
}


section.hmsec3 {
    width:100%;
    padding:60px 0;
    background:url('images/bg-hmsec3.jpg');
    background-repeat:no-repeat;
    background-position:center bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}


/*** News row and setting ***/

.hmnews {
    width:100%;
    margin-top:70px;
}

.newsrow {
    width:100%;
    margin-bottom:80px;
}

.newsrow:last-child {
    margin-bottom:0;
}

.ncol1 {
    width:46%;
    float:left;
}

.ncol2 {
    width:46%;
    float:right;
}

.ncol1a {
    width:20%;
    float:left;
    overflow:hidden;
}

.ncol1b {
    width:77%;
    float:right;
}

p.ndate {
    width:50%;
    float:left;
    text-align:right;
    font-size:2.2em;
    font-weight:500;
    color:#3bc7d8;
    line-height:100%;
}

p.nmth-yr {
    width:50%;
    float:right;
    padding-left:5px;
    font-size:0.8em;
    color:#fefefe;
    line-height:140%;
}

p.nmth-yr2 {
    color:#686868;
}


p.nmth-yr span {
    display:block;
}

p.newstxt {
    margin-top:20px;
    font-size:1em;
    color:#eaeaea;
    line-height:150%;
}

p.newstxt2 {
    color:#686868;
}

.hmseclink {
    margin-top:60px;
    text-align:center;
}

a.viewall {
    display:inline-block;
    padding:10px 50px;
    font-size:1em;
    color:#ffffff;
    background:#2e99a6;
    border-radius:4px;
    transition:0.3s;
}

a.viewall:hover {
    background:#f47343;
}



/******** Pg Banner ********/

.pgbanner {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:60%;
    text-align:center;
}

#pgban-aboutus {
   background:url('images/bg-aboutus.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-biogas {
   background:url('images/bg-biogas.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-lanfillgas {
    background:url('images/bg-landfillgas.jpg');
    background-repeat:no-repeat;
    background-position:center bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-waste-to-energy {
    background:url('images/bg-waste-to-energy.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-renewable-energy {
    background:url('images/bg-renewable-energy.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-waste-management {
    background:url('images/bg-waste-management.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-services-references {
    background:url('images/bg-services.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-news {
    background:url('images/bg-news.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

#pgban-contact {
    background:url('images/bg-contact.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

img.pglogo {
    margin-top:7%;
    width:19%;
}

h1.pgbantxt {
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:2.5em;
    color:#f6f6f6;
    margin-top:30px;
    text-align:center;
}

hr.green_df2 {
    width:100px;
    height:6px;
    margin:20px auto 0;
    border:none;
    background:#23cce1;
}


/******** Pg Section ********/
section.pgsec {
    position:absolute;
    top:60%;
    left:0;
    width:100%;
    background:#ffffff;
}


/**** About Us ****/
article.abtsec1 {
    width:100%;
    padding:50px 0;
}

figure.abtsec1a {
    float:right;
    width:45%;
    margin:40px 0 30px 6%;
}

.abtsec1b {
    width:100%;
    margin-top:40px;
}

article.abtsec2 {
    width:100%;
    padding:50px 0;
    background:#f8f8f8;
}

img.org-structure {
    display:block;
    width:65%;
    margin:30px auto 0;
}

p.orgdesc1 {
    font-size:1.3em;
    color:#585858;
    font-weight:300;
    font-style:italic;
    text-align:center;
    line-height:150%;
    margin-top:40px;
}

p.orgdesc1a {
    color:#efefef;
}

p.orgdesc2 {
    display:inline-block;
    font-size:1.4em;
    color:#2e99a6;
    font-weight:300;
    font-style:italic;
    text-align:center;
    line-height:100%;
    margin-top:30px;
}

i.Ldqm {
    font-family: times new roman;
    font-style:normal;
    font-size:4em;
    color:#2e99a6;
    position:relative;
    top:30px;
    right:15px;
}

i.Rdqm {
    font-family: times new roman;
    font-style:normal;
    font-size:4em;
    color:#2e99a6;
    position:relative;
    top:30px;
    left:15px;
}


/**** Biogas ****/

article.biosec1 {
    width:100%;
    padding:50px 0;
}

figure.biosec1a {
    float:right;
    width:45%;
    margin:30px 0 30px 6%;
}

.biosec1b {
    width:100%;
}

figure.biosec1c {
    float:left;
    width:45%;
    margin:50px 6% 30px 0;
}

.biosec1d {
    width:100%;
}

article.biosec2 {
    width:100%;
    padding:50px 0;
    background:#f8f8f8;
}

figure.biosec2a {
    float:right;
    width:35%;
    margin:30px 0 30px 6%;
}

.biosec2b {
    width:100%;
}


/**** Landfill Gas ****/
article.lfgassec1 {
    width:100%;
    padding:50px 0;
    background:#f6f6f6;
}

figure.lfgassec1a {
    float:right;
    width:30%;
    margin:30px 0 30px 6%;
}

.lfgassec1b {
    width:100%;
}

.lfgassec1c {
    width:80%;
    margin:40px auto 0;
}

.lfgassec1c1 {
    width:47%;
    float:left;
    margin-top:40px;
}

.lfgassec1c2 {
    width:47%;
    float:right;
    margin-top:40px;
}


/**** Waste Management ****/
article.wmsec1 {
    width:100%;
    padding:50px 0;
    background:#f6f6f6;
}

figure.wmsec1a {
    float:right;
    width:45%;
    margin:30px 0 30px 6%;
}

.wmsec1b {
    width:100%;
}


/**** Renewable Energy ****/
article.resec1 {
    width:100%;
    padding:50px 0;
    background:#f6f6f6;
}

figure.resec1a {
    float:right;
    width:45%;
    margin:40px 0 30px 6%;
}

.resec1b {
    width:100%;
    margin-top:40px;
}

figure.resec1c {
    float:left;
    width:45%;
    margin:40px 6% 30px 0;
}

.resec1d {
    width:100%;
    margin-top:40px;
}




/**** Waste to Energy ****/
article.wtesec1 {
    width:100%;
    padding:50px 0;
    background:#f6f6f6;
}

figure.wtesec1a {
    float:right;
    width:45%;
    margin:30px 0 30px 6%;
}

.wtesec1b {
    width:100%;
}



/**** Services & References ****/
section.srsec1 {
    width:100%;
    padding:50px 0;
    background:#ffffff;
}

.srsec1-row {
    width:100%;
    margin-top:50px;
}

section.srsec2 {
    width:100%;
    padding:50px 0;
    background:url('images/bg-srsec2.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position:relative;
}

.srsec2wrap {
    position:relative;
    z-index:100;
}

.blktrans-srsec2 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
}

.pattern-srsec2 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('images/pattern.png');
}

section.srsec3 {
    width:100%;
    padding:50px 0;
    background:#f9f9f9;
}

p.smalltag {
    font-size:0.95em;
    color:#999999;
    font-style:italic;
    margin-top:10px;
}

ul.project {
    list-style:none;
    margin-top:40px;
}

ul.project li {
    margin:20px 0;
    overflow:hidden;
}

ul.project i {
    display:block;
    float:left;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#f47343;
    margin-top:8px;
}

ul.project p {
    float:right;
    width:96%;
    font-size:1em;
    color:#585858;
    line-height:160%;
}

ul.project em {
    color:#2e99a6;
}



/**** News & Events ****/
section.nesec {
    width:100%;
    padding:50px 0;
    background:#f6f6f6;
}

/** Layout **/
.newrapper {
  width:80%;
  margin:0 auto;
}

.nerow1 {
    border-bottom:1px solid #bbbbbb;
    padding-bottom:2px;
}

a.backto {
    font-size:0.95em;
    font-style:italic;
    color:#888888;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

a.backto span {
    font-size:1.5em;
    font-style:normal;
    margin-right:6px;
    position:relative;
    top:1px;
}

a.backto:hover {
    color:#2e99a6;
}

h1.newstag {
    margin-top:40px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:1.5em;
    color:#484848;
}

p.newsdate {
    margin-top:10px;
    font-size:1em;
    color:#989898;
}

.newscol1 {
    float:left;
    width:45%;
    margin:40px 40px 0 0;
}

.newscol2 {
    width:100%;
    margin:40px 0 0 0;
}




/**** Contact Us ****/
section.ctsec1 {
    width:100%;
    padding:50px 0;
    background:#ffffff;
}

p.cttxt {
    font-size:1.3em;
    color:#686868;
    text-align:center;
}

.ctcol1 {
    float:left;
    width:46%;
    margin-top:45px;
}

.ctcol2 {
    float:right;
    width:46%;
    margin-top:45px;
}

.ctcol1 h2,
.ctcol2 h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:1.2em;
    color:#2e99a6;
    margin-bottom:20px;
}

.ctcol2 h2 span {
    font-size:0.8em;
    color:#2e99a6;
}

.ctcol1 h5,
.ctcol2 h5 {
    float:left;
    width:25%;
    font-size:0.9em;
    color:#686868;
    font-weight:400;
}

.ctcol1 address,
.ctcol2 address {
    float:right;
    width:75%;
    font-size:0.9em;
    color:#686868;
    font-style:normal;
    margin-bottom:15px;
}

.ctcol1 p,
.ctcol2 p {
    float:right;
    width:75%;
    font-size:0.9em;
    color:#686868;
}

.gmap {
    margin-top:15px;
}

.gmap iframe {
    display:block;
    width:100%;
    height:200px;
}

section.ctsec2 {
    width:100%;
    padding:50px 0;
    background:#f6f6f6;
}

.ctsec2wrap {
    width:50%;
    margin:0 auto;
}

/**** Form ****/
.stdfmrow {
    width:100%;
    margin-bottom:20px;
}

label.stdfmtag {
    display:block;
    font-size:1em;
    color:#686868;
    margin-bottom:10px;
}

.stdfmfill {
    width:100%;
}

input.stdfmctl {
    display:block;
    width:100%;
    padding:8px 12px;
    background:#fdfdfd;
    border:1px solid #cccccc;
    outline:none;
    -webkit-border-radius:1px;
    border-radius:1px;
    font-family: 'Fira Sans', sans-serif;
    font-size:1em;
    color:#686868;
}

textarea.stdfm-textarea1 {
    display:block;
    width:100%;
    height:80px;
    padding:8px 12px;
    background:#fdfdfd;
    border:1px solid #cccccc;
    outline:none;
    -webkit-border-radius:1px;
    border-radius:1px;
    font-family: 'Fira Sans', sans-serif;
    font-size:1em;
    color:#686868;
}

textarea.stdfm-textarea2 {
    display:block;
    width:100%;
    height:130px;
    padding:8px 12px;
    background:#fdfdfd;
    border:1px solid #cccccc;
    outline:none;
    -webkit-border-radius:1px;
    border-radius:1px;
    font-family: 'Fira Sans', sans-serif;
    font-size:1em;
    color:#686868;
}

.stdfmrow-end {
    width:100%;
    margin-top:25px;
}

input.stdfmbtn {
  display:inline-block;
  background:#1a504f;
  border:none;
  -webkit-border-radius:4px;
  border-radius:4px;
  margin:0 8px 0;
  padding:8px 28px;
  font-size:0.95em;
  color:#ffffff;
  font-weight:400;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
  cursor:pointer;
}

input.stdfmbtn:hover {
  background:#f47343;
}


/**** Goodmail ****/
.goodmail {
  width:80%;
  margin:0 auto;
  padding-top:200px;
  text-align:center;
  font-family:'century gothic';
}

img.gdmail-logo {
  display:inline-block;
  width:22%;
}

.goodmail h4 {
    font-size:1.3em;
    font-weight:300;
    color:#ffffff;
    margin-top:40px;
}


.goodmail p {
    font-size:1em;
    color:#686868;
    line-height:150%;
    margin-top:20px;
}

.goodmail a {
  display:inline-block;
  font-size:0.95em;
  color:#2e99a6;
  margin-top:30px;
}

.goodmail a:hover {
  text-decoration:underline;
}

@media screen and (max-width:835px) {
    
    img.gdmail-logo {
      width:180px;
    }
    
    .goodmail p,
    .goodmail a {
      font-size:0.85em;
    }


}

@media screen and (max-width:481px) {
    
    .goodmail {
      padding-top:200px;
      
    }

}



/******** Font, Text ********/
h1.pgtag1 {
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:1.8em;
    color:#282828;
}

h1.pgtag1a {
    color:#ffffff;
}

h2.pgtagsub {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:1.4em;
    color:#2e99a6;
}

p.pgintro {
    margin-top:40px;
    font-size:1.2em;
    font-weight:400;
    color:#484848;
    line-height:150%;
}

h2.pgtagsub2 {
    margin-top:40px;
    font-size:1.2em;
    font-weight:400;
    color:#484848;
    line-height:150%;
}

p.txt1 {
    margin-top:40px;
    font-size:0.95em;
    color:#686868;
    line-height:160%;
}

p.txt2 {
    margin-top:20px;
    font-size:0.95em;
    color:#686868;
    line-height:160%;
}


/******** Footer ********/
footer {
    width:100%;
    background:#ffffff;
    padding:50px 0 30px;
    border-bottom:7px solid #1a504f;
}

.ftcol1 {
    float:left;
    width:25%;
}

img.ftlogo {
    width:78%;
    border:none;
}

.ftcol1 p {
    font-size:0.7em;
    color:#606060;
    margin-left:5px;
}

.ftcol2 {
    float:right;
    width:70%;
    
}

.ftcol2a {
    width:40%;
    float:left;
}

.ftcol2b {
    width:60%;
    float:right;
}

.ftcol2 h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:1.2em;
    color:#2e99a6;
}

ul.ftnav {
    margin:20px 0 0 0;
    list-style:none;
}

ul.ftnav li {
    margin-bottom:3px;
}


ul.ftnav li:last-child {
    margin-bottom:0;
}

ul.ftnav a {
    font-size:0.9em;
    color:#616161;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

ul.ftnav a:hover {
    color:#2e99a6;
}

.ftsm {
    margin-top:20px;
}

a.ftsc {
    display:inline-block;
    font-size:1.5em;
    color:#31a8cc;
    transition:0.3s;
}

a.ftsc:last-child {
    margin-right:0;
}

a.ftsc:hover {
    color:#fda908;
}

.ftcol2b h5 {
    float:left;
    width:20%;
    font-size:0.9em;
    font-weight:400;
    margin-top:20px;
    color:#616161;
}

.ftct {
    float:right;
    width:75%;
    margin-top:20px;
}

.ftct h6 {
    font-size:0.9em;
    font-weight:500;
    color:#616161;
}

.ftct address {
    font-style:normal;
    font-size:0.9em;
    color:#616161;
}

.ftct p {
    margin-top:10px;
    font-size:0.9em;
    color:#616161;
}


/**** Thank You ****/

.goodmail {
  width:80%;
  margin:0 auto;
  padding-top:250px;
  text-align:center;
  font-family:'century gothic';
}

img.tklogo {
    display:inline-block;
    width:250px;
}

.goodmail p {
    font-size:1em;
    color:#ffffff;
    line-height:150%;
    margin-top:20px;
}

.goodmail a {
  display:inline-block;
  font-size:0.95em;
  color:#efefef;
  margin-top:30px;
}

.goodmail a:hover {
  text-decoration:underline;
}

@media screen and (max-width:835px) {
    
    img.tklogo {
      width:180px;
    }
    
    .goodmail p,
    .goodmail a {
      font-size:0.85em;
    }


}

@media screen and (max-width:481px) {
    
    .goodmail {
      padding-top:200px;
      
    }

}