@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

* {
	font-family: 'Rubik', sans-serif;
}

body {
	background-image: url(../img/intro/intro-bg.jpg);
	max-height:100%;
}

p, h1, h2, h3, h4, h5 {
	color: dimgrey;
}


h5, h3, h4 {
	margin: 0 0 2rem;
	width: 100%;
	text-align: center;
}

h3 {
	margin: 0;
}

#logoSvg {
	width: 20rem;
	margin: 2rem 0 3rem;
	fill: #0275d8;
	opacity: .6;
/* 	fill: skyblue; */
/* 	fill: #007aff; */
}
#logo50 {
	margin: .5rem 0 0;
	width: 20rem;
	fill: #0275d8;
	opacity: .6;
}

div.wrapper {
	padding: 1rem 2rem;
	width: 100%;
	text-align: center;
}

div.column.c-middle {
	display: flex;
	justify-content: center;
	padding: 0 1rem;
}
div.clearfix {
	display: block;
	text-align: center;
}
.intro {
	height: 100vh;
}
.titulo {
/* 	color: blanchedalmond; */
	color: darkslategray;
}

form {
	background-color: rgba(255, 255, 255, .7);
	width: 25rem;
	border-radius: .5rem;
	padding-bottom: 2rem;
	position: absolute;
	top: 10rem;
}
.form50 {
	width: 45rem;
}
input[type=text], input[type=password], input[type=number], textarea, select, .form-control, .form-control:disabled, .form-control[readonly] {
	background-color: ivory;
	opacity: .7;
	border: none;
	border-radius: .2rem;
	height: 3rem;
	width: 20rem;
/* 	font-size: 1rem; */
	margin: 0 2rem 1rem;
	padding: 0 .5rem;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	transition: all .3s;
}

.form-group {
	justify-content: center;
	display: grid;
	text-align: center;
}

a {
	color: #1C3D59;
}
a:hover, a:active {
	color: #6588A6;
	text-decoration: underline;
}

button, .enter, .btnCancel, .btnSave {
	height: 3rem;
	border: none;
	border-radius: .3rem;
	padding: .5rem 1rem;
	color: #fff;
	background-color: #0259A6;
/* 	background-color: rgba(55, 71, 79, 0.9); */
	margin: 0 .5rem;
	font-weight: bold;
	font-size: 1.2rem;
	text-transform: uppercase;
	vertical-align: middle;
}

.enter, .btnCancel, .btnSave {
	opacity: .7;
}

button:hover , .enter:hover {
	opacity: .9;
	background-color: #0259A6;
}

button.btnCancel {
	background-color: #b4b4b4;
}
a.cancel {
	color: #fff;
}
a.cancel:hover {
	color: #fff;
	text-decoration: none;
}

button.btnCancel:hover, button.btnCancel:active {
	opacity: .9;
	text-decoration: none;
}