* {
    box-sizing: border-box;
}

html, body {
    margin:0;
    padding:0;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:17px;
    background-color:#02c78a;
}

header {
    padding-top:1rem;
}

div.lg {
    text-align:right;
    margin:2.5rem 0 1rem;
}

span.lg {
    color:white;
    right:0;
    margin-right:1rem;
    font-weight:bold;
}

span.lg img {
    width:33px;
    height:auto;
    display:inline;
    margin:0;
    padding-right:0.2rem;
}

span.desktp {
    display:none;
}

header img {
    display:block;
    width:100%;
    height:auto;
}

.center {
    text-align:center;
}

h1, h2 {
    width:90%;
    margin:0 auto;
    text-align:center;
}

h1 {
    margin-top:2rem;
}

h2 {
    font-style:italic;
    margin-bottom:5rem;
}

p.first {
    margin-top:0.5rem;
}

p {
    text-align: justify;
    width:90%;
    margin:3rem auto;
    line-height:1.5;
    color:white;
}

a {
    display:block;
    width:90%;
    margin:5rem auto;
    text-align:center;
}

a.lg {
    display:inline;
    margin:0;
    text-decoration:none;
}

img {
    display:block;
    width:75%;
    margin:3rem auto 0;
}

a.mailus {
    display:block;
    margin-top:0;
}

img.mailus {
    width:75px;
    height:auto;
    margin:0 auto;
}

button {
     background-color:white;
     border: 3px solid #ff7500;
     border-radius:55px;
     color:#ff7500;
     font-weight:bold;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     text-transform:UPPERCASE;
     display: inline-block;
     font-size: 16px;
}

button:hover {
    color:white;
    font-weight:bold;
    border: 2px solid #04AA6D;
    background-color:#ff7500;
    text-decoration: underline;
}


@media only screen and (min-width: 768px) {

span.desktp {
    display:inline;
    position:fixed;
}

span.mobi {
    display:none;
}

p {
    max-width:1000px;
    width:75%;
    font-size:18px;
}

header img {
    width:50%;
    height:auto;
    max-width:742px;
}

img.zenb {
    max-width:333px;
    width:35%;
}

}