body, html{height:100%;background-color:#fff;font-family:'Inconsolata', monospace;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;}
h1, h2, h3, h4, h5{font-family:'Poppins', sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;}
h3{border-bottom:1px solid #000;}
#proyectos{position:relative;display:table;width:100%;}
#space{position:relative;display:block;background-color:#fff;height:60px;padding-top: 0;}
.line{width:100px;height:2px;background-color:#000;}
.navbar-custom,.navbar-custom .navbar-toggle{border-color:none}.navbar-custom{background-color:#fff;height:60px}.navbar-custom .navbar-brand{color:#000;margin-top:-11px}.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{color:#337fff}.navbar-custom .navbar-nav>li>a{color:#0050fc;margin-top:5px}.navbar-custom .navbar-nav>li>a:focus,.navbar-custom .navbar-nav>li>a:hover{color:#0050fc}.navbar-custom .navbar-nav>.active>a,.navbar-custom .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover{color:#0050fc;background-color:#337fff}.navbar-custom .navbar-nav>.open>a,.navbar-custom .navbar-nav>.open>a:focus,.navbar-custom .navbar-nav>.open>a:hover{color:#0050fc;background-color:#D5D5D5}.navbar-custom .navbar-nav>.dropdown>a .caret,.navbar-custom .navbar-nav>.dropdown>a:focus .caret,.navbar-custom .navbar-nav>.dropdown>a:hover .caret,.navbar-custom .navbar-nav>.open>a .caret,.navbar-custom .navbar-nav>.open>a:focus .caret,.navbar-custom .navbar-nav>.open>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{background-color:#fff}.navbar-custom .navbar-toggle .icon-bar{background-color:#0050fc}@media (max-width:767px){.navbar-nav{background-color:#fff}.navbar-custom .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-custom .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-custom .navbar-nav .open .dropdown-menu>li>a:hover{color:#333}}
#intro{position:relative;display:block;width:100%;height:340px;background-color:#fff;}
#start{position:absolute;display:block;margin-top:140px;width:100%;align-content:center;text-align:center;color:#000;}
#intro h2{letter-spacing:1px;}
#start p{margin-top:5px;letter-spacing:1px;font-size:12px;}
#seccion-parallax div{position:relative;display:table-cell;vertical-align:middle;color:#eaeaea;}
#seccion-parallax div h1{font-size:100px;font-weight:700;letter-spacing:10px;margin:0 0 15px;margin-top:20px;text-shadow:3px 3px #d66f54;}
.container{background:white;overflow:hidden;}
.row > *{color:#fff;}
.offset-0{padding-left:0;padding-right:0;}
span.roll{background:center center no-repeat #3263ec;height:100%;width:100%;position:absolute;z-index:10;}
span p{font-size:25px;font-size:2.5rem;letter-spacing:2px;font-weight:700;margin-top:24%;color:#fff;}
@media (min-width:767px) and (max-width:1030px){span p{font-size:15px;font-size:1.5rem;letter-spacing:2px;font-weight:700;margin-top:24%;color:#fff;}
}
#about{position:relative;display:block;min-height:470px;}
#hello h1{margin-top:50px;text-align:center;letter-spacing:1px;}
#about h4{letter-spacing:1px;margin-bottom:60px;margin-top:15px;}
#tag{text-align:center;}
@media screen and (min-width:1px) and (max-width:748px){#description{font-size:13px;text-align:center;}
#tag{font-size:13px;text-align:center;margin-top:15px;}
}
#description p {max-width:700px;}
#contacto{background-color:#337fff;position:relative;display:block;min-height:400px;}
#contact-1{margin-top:60px;margin-bottom:35px;}
#contact-1 > h2, h4{text-align:center;}
#contact-2{margin-top:30px;font-size:20px;}
#btn{margin:20px;}
#btn a{position:relative;color:#323232;font-size:15px;padding:5px 10px 5px 10px;border:solid #323232 6px;text-decoration:none;letter-spacing:1px;}
#btn a:hover{text-decoration:none;color:#fc00b2;border:solid #fc00b2 6px;letter-spacing:1px;}
#phone, #place{text-align:center;font-size:20px;}
@media screen and (min-width:500px) and (max-width:940px){h2{font-size:25px;}
h4{font-size:16px;}
#contact-2{font-size:12px;margin-top:20px;}
#phone, #place{text-align:center;font-size:12px;margin:2px;}
}
@media screen and (min-width:1px) and (max-width:499px){h2{font-size:20px;}
h4{font-size:16px;}
#contact-2{font-size:12px;margin-top:20px;}
#phone, #place{text-align:center;font-size:12px;}
#blank{height:0px;}
}
footer{position:relative;display:block;height:50px;text-align:center;}
#redes-sociales a{color:#000;text-decoration:none;margin-right:15px;}
#redes-sociales a:hover{position:relative;display:inline-block;color:#337fff;text-decoration:none;margin-right:15px;}
#redes-sociales, #center-footer, #right-footer{color:#000;margin-top:15px;}
@media screen (min-width:1 px) and (max-width:946px){#footer{text-align:center;font-size:10px;}
}