/*
font-family:'Fjalla One',sans-serif;
font-family:'Cabin',sans-serif;
*/
body,html{ margin:0px; padding:0px; cursor:default; }
body{ font-family:'Cabin',sans-serif; font-size:16px; background:url(../images/assets/bg.jpg) center top fixed no-repeat; background-size:cover; }
*:focus{ outline:none; }
h1,h2,h3,h4{ font-family:'Fjalla One',sans-serif; color:#1A4E79; }
h1{ margin-bottom:30px; font-size:30px; }
p{ margin-bottom:8px; margin-top:0px; }

#wrapper{ width:100%; overflow:hidden; margin-bottom:150px; }
#content{ width:50%; float:right; clear:both; box-sizing:border-box; padding:20px 20px 30px 20px; margin:20px 20px 50px 20px; background:rgba(255,255,255,.8); }

#logo{ width:350px; float:right; margin:20px; }

.input-wrapper{ width:100%; margin-bottom:15px; }
input[type="text"], textarea{ width:100%; background:#fff; border:none; height:40px; line-height:40px; box-sizing:border-box; padding:5px 10px; font-size:18px; font-family:'Cabin',sans-serif; color:#777; box-shadow:1px 1px 5px 1px rgba(0,0,0,.3); transisiton:all .3s; }
textarea{ height:80px; padding-top: 0px; }
input[type="text"]:focus, textarea:focus{ box-shadow:2px 2px 8px 1px rgba(0,0,0,.5); color:#414141; }
input.radio{ margin-top:20px; }

button{ background:#1A4E79; width:100%; text-transform:uppercase; text-align:center; border:none; box-sizing:border-box; padding:5px 10px; font-size:18px; font-family:'Cabin',sans-serif; color:#fff; box-shadow:1px 1px 5px 1px rgba(0,0,0,.3); cursor:pointer; transisiton:all .3s; }
button:hover,button:active,button:focus{ background:#1A4E79; box-shadow:2px 2px 8px 1px rgba(0,0,0,.5); }
label.error{ color:red; font-size:14px; }

.bombilla{ position:relative;float: right;margin-right: 20px;clear: both; height:38px; width: 50%; text-align:right;}
.bombilla .off{ opacity:1; visibility: visible; transition:all .3s; }
.bombilla .on{ opacity: 0; visibility: hidden; position: absolute; right: 0px; top: 0px;  transition:all .3s; }
.bombilla:hover .off{ opacity:0; visibility: hidden; }
.bombilla:hover .on{ opacity: 1; visibility: visible; }

@media (max-width:960px) {
#logo{ max-width:90%; }
#content{ width:95%; margin-right: 10px; margin-left: 10px; }
.input-wrapper{ width:95%; }
.bombilla{ margin-left: 0px; width: 95%; }
}