/* ==========================================================================
   NORMALIZE: normalize.css v4.1.1 | MIT License | git.io/normalize
   ========================================================================== */

progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ==========================================================================
   BASE
   ========================================================================== */

* {margin: 0; padding: 0;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a {cursor: pointer; outline: none; transition: all 0.2s ease-in-out;}
a:focus {outline: none;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
input, select {outline: 0;}
input::-moz-focus-inner {border: 0; outline:0;}

::selection {background: #0f0f0f; color: #fff;}
::-moz-selection {background: #0f0f0f; color: #fff;}
::-webkit-selection {background: #0f0f0f; color: #fff;}

html {width: 100%; height: 100%;}
body {font-family: 'Open Sans', sans-serif; background: #efefef; font-size: 100%; text-align: center; color: #1f1a17; height: 100%;}

/* =============== CONTAINER =============== */

.container {width: 100%;}
.brand {width: 100%; background: #fff; padding: 20px;}
.brand img {max-width: 202px; width: 100%; height: auto; vertical-align: middle;}
.admin {width: 100%;}
h1 {font-size: 4em; font-weight: 400; color: #353535; text-transform: uppercase; margin: 75px 25px;}
.entrar {width: 100%; text-align: center; margin: 0px;}
.entrar a {display: inline-block; padding: 20px 25px; width: 280px; text-decoration: none; font-size: 2em; font-weight: 800; margin: 10px; border-radius: 0; box-shadow: none; border: 5px solid #1c1c1a; background: #fff; color: #1c1c1a; text-transform: uppercase;}
.entrar a:hover, .entrar a:active, .entrar a:focus {background: #1c1c1a; box-shadow: none; color: #fff;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media screen and (max-height: 600px) {
.brand {padding: 10px;}
.brand img {max-width: 150px;}
h1 {font-size: 3em; margin: 50px 25px;}
.entrar a {padding: 10px; width: 200px; font-size: 1.5em;}
}

@media screen and (max-width: 800px) {
.brand {padding: 10px;}
.brand img {max-width: 150px;}
h1 {font-size: 3em; margin: 50px 25px;}
.entrar a {padding: 10px; width: 200px; font-size: 1.5em;}
}

/* ==========================================================================
   FONTS
   ========================================================================== */

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: url('../../fonts/Open-Sans-regular/Open-Sans-regular.eot');
    src: url('../../fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
        local('Open Sans'),
        local('Open-Sans-regular'),
        url('../../fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
        url('../../fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
        url('../../fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
        url('../../fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: url('../../fonts/Open-Sans-600/Open-Sans-600.eot');
    src: url('../../fonts/Open-Sans-600/Open-Sans-600.eot?#iefix') format('embedded-opentype'),
        local('Open Sans Semibold'),
        local('Open-Sans-600'),
        url('../../fonts/Open-Sans-600/Open-Sans-600.woff2') format('woff2'),
        url('../../fonts/Open-Sans-600/Open-Sans-600.woff') format('woff'),
        url('../../fonts/Open-Sans-600/Open-Sans-600.ttf') format('truetype'),
        url('../../fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    src: url('../../fonts/Open-Sans-800/Open-Sans-800.eot');
    src: url('../../fonts/Open-Sans-800/Open-Sans-800.eot?#iefix') format('embedded-opentype'),
        local('Open Sans Extrabold'),
        local('Open-Sans-800'),
        url('../../fonts/Open-Sans-800/Open-Sans-800.woff2') format('woff2'),
        url('../../fonts/Open-Sans-800/Open-Sans-800.woff') format('woff'),
        url('../../fonts/Open-Sans-800/Open-Sans-800.ttf') format('truetype'),
        url('../../fonts/Open-Sans-800/Open-Sans-800.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: italic;
    src: url('../../fonts/Open-Sans-italic/Open-Sans-italic.eot');
    src: url('../../fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix') format('embedded-opentype'),
        local('Open Sans Italic'),
        local('Open-Sans-italic'),
        url('../../fonts/Open-Sans-italic/Open-Sans-italic.woff2') format('woff2'),
        url('../../fonts/Open-Sans-italic/Open-Sans-italic.woff') format('woff'),
        url('../../fonts/Open-Sans-italic/Open-Sans-italic.ttf') format('truetype'),
        url('../../fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: italic;
    src: url('../../fonts/Open-Sans-600italic/Open-Sans-600italic.eot');
    src: url('../../fonts/Open-Sans-600italic/Open-Sans-600italic.eot?#iefix') format('embedded-opentype'),
        local('Open Sans Semibold Italic'),
        local('Open-Sans-600italic'),
        url('../../fonts/Open-Sans-600italic/Open-Sans-600italic.woff2') format('woff2'),
        url('../../fonts/Open-Sans-600italic/Open-Sans-600italic.woff') format('woff'),
        url('../../fonts/Open-Sans-600italic/Open-Sans-600italic.ttf') format('truetype'),
        url('../../fonts/Open-Sans-600italic/Open-Sans-600italic.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: italic;
    src: url('../../fonts/Open-Sans-800italic/Open-Sans-800italic.eot');
    src: url('../../fonts/Open-Sans-800italic/Open-Sans-800italic.eot?#iefix') format('embedded-opentype'),
        local('Open Sans Extrabold Italic'),
        local('Open-Sans-800italic'),
        url('../../fonts/Open-Sans-800italic/Open-Sans-800italic.woff2') format('woff2'),
        url('../../fonts/Open-Sans-800italic/Open-Sans-800italic.woff') format('woff'),
        url('../../fonts/Open-Sans-800italic/Open-Sans-800italic.ttf') format('truetype'),
        url('../../fonts/Open-Sans-800italic/Open-Sans-800italic.svg#OpenSans') format('svg');
}
