/* YOUR CUSTOM STYLES */

/*Configuracion font-family UPR*/
@font-face {
    font-family: 'MyriadPro-Light';
    src: url('fonts/upr/MyriadPro-Light.otf');
  }

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/upr/MyriadPro-Regular.otf');
  }

@font-face {
    font-family: 'MyriadPro-It';
    src: url('fonts/upr/MyriadPro-It.otf');
  }

body {
    font-family: 'MyriadPro-Light';
    line-height: 30px;
    height: auto;
    min-height: 100%;
}

h1, h2, h3 {
    line-height: 30px;
}

h1,h2,h3,h4,h5{
    font-weight: 100;
}

h1{
    font-family: 'MyriadPro-Light';
    color: #333;
    font-size: 24px;
}

h2{
    font-family: 'MyriadPro-Light';
    font-size: 22px;
    color: #333;
}

h3{
    font-family: 'MyriadPro-Regular';
    font-size: 20px;
}

h4{
    font-family: 'MyriadPro-Regular';
    font-size: 18px;
    color: rgba(37, 39, 38, 0.8);
}

h5{
    font-family: 'MyriadPro-It';
    font-size: 14px;
    color: rgba(37, 39, 38, 0.8);
}

p, li, a{
    font-family: 'MyriadPro-Regular';
    font-size: 16px;
    color: rgba(37, 39, 38, 0.8);
}

a {
    font-family: 'MyriadPro-Regular';
    font-size: 16px;
    cursor: hand;
}

html,
body,
.view {
    height: 100%;
}

.view {
    background: url("../img/homepage_background.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.full-bg-img > div {
    background-color: rgba(43, 187, 173, 0.40);
    padding: 15%;
}

.full-bg-img {
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25%;
    left: 15%;
}

footer.page-footer .footer-copyright, footer.page-footer a {

    color: rgba(37, 39, 38, 0.8);
}

#about > div > div > div > article > h4, #about > div > div > div > h2, #about > div > div > div > article > p {
    color: white!important;
}

.card .card-title {
    color: #2BBBAD;
}

.navbar-default {
    background-color: rgba(68, 175, 119, 0.99);
    padding: 0px;
}

.top-nav-collapse {
    background-color: #7FD391;
}

.full-height {
    height: auto;
}

section {
    padding-top: 3%;
    padding-bottom: 3%;
}


#services > div.container-fluid > .row {
    margin: 2%;
}

#counter {
    position: absolute;
    top: 85%;
    left: 20%;
}

#counter > nav > div > div > div > ul > li > h1 {
    color: white;
    font-size: 40px;
}

.thumbnail {
    border: none;
}

.card-title {
    margin-left: 10px;
}

.card-text {
    margin: 5px;
}