@import url('https://fonts.googleapis.com/css?family=Cuprum');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');

* { -webkit-appearance: none; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in; font-family:'Cuprum'; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { margin:0; padding:0; color:#f12711; background:#ffffff; scroll-behavior:smooth; }
body { margin:0; padding:0; color:#444444; }
header { margin:0; padding:0; width:100%; height:50px; background:rgba(255,255,255,0.9); box-shadow: 0 2px 10px rgba(0,0,0,.15); }
footer { margin:0; padding:0; width:100%; height:50px; background:#F83600; box-shadow: 0 2px 10px rgba(0,0,0,.25); }

h1,h2,h3,h4,h5,h6 { color:#E84545; }
a { text-decoration:none; color:#E84545; }
p { text-align:justify; }

hr { border-top:1px dotted #f12711; }
img { border:0; }
span { color:#9966ff; height:3em; }
form { display:inline-block; margin:auto; padding:0; text-align:center; }
legend {}
fieldset { margin:0; padding:0; border:0; }

nav { float:right; background:transparent; margin:0; padding:0; width:60%; align-items:center; }
nav > input, nav > label { display:none; }
nav ul { display:flex; justify-content:space-between; list-style-type:none; }
nav ul li { display:inline-block; }
nav ul li a { transition:all .5s ease; }
nav ul li a:hover { color:#ff700d; }

@media screen and (max-width:768px) {
	nav { display:block; width:100%; }
	nav ul { margin:0; padding:0; flex-direction:column; display:none; background:#f12711; }
	nav ul li { display:block; }
	nav ul li a { padding:3%; display:block; border-bottom:1px dotted #ffffff; color:#fff; }
	nav > input { display:block; }
	nav > label { display:block; float:right; width:50px; height:50px; line-height:50px; background:#f12711; color:#ffffff; text-align:center; position:absolute; top:0; right:0; padding:0; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	nav > input:checked + ul { display:block; clear:both; }
}