html,
body,
div,
span,
p,
a,
del,
em,
img,
ol,
ul,
li,
fieldset,
form,
label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  padding: 0;
  margin: 0;
}


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


html,
body {
  line-height: 1;
  
  background-color: #2206b1;
  
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;


}

ol,
ul {
  list-style: none;
}


input:focus {
    outline: 0;
}

textarea:focus {
    outline: 0;
}

select:focus {
    outline: 0;
}

input, textarea, select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}



img {
    border: none;
}



h1, h2, h3, h4, h5 {
    font-weight: normal;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}


body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-smooth: always;
    overflow:auto;
    height: 100vh;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #FFF;
}

a {
    color: #FFF;
    text-decoration: none;
}







div.site-body {
    float: left;
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #2206b1;
}



div.site-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/img/enco-logo.svg) no-repeat 50% 50%;
    background-size: 100% auto;
    max-width: 400px;
    left: calc(50% - 200px);
    
}


@media all and (max-width: 400px) {
    div.site-container {
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(/img/enco-logo.svg) no-repeat 50% 50%;
        background-size: 100% auto;
        max-width: 320px;
        left: calc(50% - 160px);
        
    }
}


a.email {
    position: absolute;
    width: 200px;

    left: -80px;
    top: calc(50% - 20px);
    transform-origin: 50% 50%;
    transform: rotate3d(0,0,1,-90deg);
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;

}

a.phone {
    position: absolute;
    width: 200px;

    right: -80px;
    top: calc(50% - 20px);
    transform-origin: 50% 50%;
    transform: rotate3d(0,0,1,-90deg);
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.2em;

}