*{
    margin:  0;
	padding: 0;
	border:  0;
	outline: 0;	
	vertical-align: baseline;
	background:     transparent;			        
	box-sizing:     border-box;
	z-index:        1;	

	font-family: "Manrope", sans-serif;
  	font-optical-sizing: auto;  	
  	font-style: normal;
	font-size: 10pt;
	letter-spacing: 1px;

	color:#000;
}



html, body {
    height:   100%;
}

body {
	width: 100vw;
	height: 100%;		
	
	min-height: 100vh;
  	min-height: -webkit-fill-available;

	overflow: hidden;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {    
    border-radius: 0;
}



/* index */

#screen {

	width: 100%;
	height: 100%;	
	
}

#header {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 55px;

	z-index: 10;

	background: linear-gradient(270deg, #C52027 0%, #D34529 23.23%, #93BA53 75.96%, #268754 100%);
}

#header > img {
	width: 38px;
	height: 65px;
	position: absolute;
	bottom:-15px;
	left:15px;
}

.header_zag {
	padding-top:9px;
	padding-left:68px;

}

.header_zag > p {
	color:#fff;	
}

.header_zag p:nth-child(1) {
	font-size: 12pt;
}

.header_zag p:nth-child(2) {
	font-size: 8pt;
	opacity: 0.5;
}

#content {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	height: 100%;
	overflow-y: scroll;
	padding-top:100px;
	padding-bottom:70px;
	padding-left:15px;
	padding-right:15px;

	z-index: 5;

	border:0px solid red;
}

#footer {
	display: flex;
	justify-content: space-between;
	align-items: center;

	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	background: linear-gradient(270deg, #C52027 0%, #D34529 23.23%, #93BA53 75.96%, #268754 100%);
	z-index: 10;	
	padding:15px;

	border:0px solid green;
}

.footer_bt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:5px 10px 5px 10px;
	background-color: #fff;	

	border:0px solid #268754;
	
}


.footer_bt p {
	color: #268754;
	font-size: 7pt;
	font-weight: 800;
	
}







/* DESCTOP */

@media (min-width: 1200px) {
	
}