/*-------------------------------------ELEMENTOS-------------------------------------*/
html,
body,
.container { height: 100%; font-family: 'Roboto Slab',sans-serif; font-weight: 300; }
a,
a:focus,
a:visited,
a:hover { text-decoration: none; }
h1 { text-transform: uppercase; }
h2 { font-size: 0.8em; }
h3 { font-size: 0.6em; font-weight: 700; margin-top: 40px; margin-bottom: 25px; }
p { font-size: 0.7em; }
/*-------------------------------------IDENTIFICADORES-------------------------------------*/
#fundoApi,
#fundoApp { background-repeat: no-repeat; background-attachment: local; background-size: 100% 100%; }
#fundoApi { background-image: url(../img/programmer.jpg); }
#fundoApp { background-image: url(../img/application.jpg); }
/*-------------------------------------CLASSES-------------------------------------*/
.container { display: table; width: 100%; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.row { height: 100%; display: table-row; }
.col-md-6.no-float { display: table-cell; float: none; padding: 0; }
.bg-blue { background-color: rgba(6, 17, 97, 0.75); }
    .bg-blue:hover { background-color: rgba(6, 17, 97, 0.95); }
.bg-purple { background-color: rgba(46, 0, 72, 0.75); }
    .bg-purple:hover { background-color: rgba(46, 0, 72, 0.95); }
.bg-blue,
.bg-purple { color: #FFF; height: 100%; padding: 0 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
    .bg-blue:hover,
    .bg-purple:hover { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
.fa { font-size: 6em; }