html{width: 100%;}
body{
    background: #181818;
    color: white;
    font-size: 22px;
    font-family: Raleway;
    width: 100%;
    height: 100vh;
    padding: 0px;
    min-height: 600px;
}
a:focus, a:hover{
    text-decoration: none !important;
}

#bkgnd{
	width: 100%;
	height: 100%;
	background-image: url(../img/Fondo-remodelacion.jpg);
	background-size: cover;
}
.ghost_image{
	position: absolute;
	top: 0;
	left: 0;
	max-width: 400px;
	height: auto;
}
.containerVertical{
	display: table;
	height: 100%;
}
.vertical{
	display: table-cell;
	vertical-align: middle;
}
#logo{
	width: 70%;
	margin-bottom: 50px;
}
#CS{
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 5px;
	line-height: normal;
	margin-bottom: 50px;
}
.prl{
	padding: 0 0 0 60px;
}
.m-text{
	margin-top: 26px;
	text-align: center;
}
#containerForm{
	background-color: #181818b0;
	border-radius: 15px;
    padding: 50px 25px;
}
#containerForm form .title-form{
	font-weight: 600;
	text-align: center;
	font-size: 20px;
}

#containerForm form .subtitle-form{
	text-align: center;
	font-size: 18px;
}

#containerForm form input{
	width: 100%;
	height: 45px;
	padding-left: 20px;
	background: transparent;
	border: 1px solid white;
	margin: 8px auto;
	font-size: 18px;
	font-weight: bold;
}
#containerForm form input:focus{
	    outline: none !important;
}
#btn-send{
	border: 1px solid white;
    border-radius: 0;
    padding: 10px 25px;
    cursor: pointer;
    margin-top: 16px;
	transition: .5s ease-in-out;
}
.btn:hover{
	color: white !important;
	background-color: #b71618;
	border: 1px solid #b71618;
}
.mensajes-form{
	margin-top: 15px;
}

.msg{
  display:block;
  padding:14px 16px;
  border-radius:12px;
  font-size:16px;
  font-weight:600;
  line-height:1.3;
}

.msg span{
  display:block;
  margin-top:6px;
  font-weight:400;
  opacity:.9;
}

.msg-ok{
  color:#fff;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.25);
}