/* RESETS */
/* .front-section {
    padding-top: 0;
} */
.front-person-img {
   background: rgba(0, 78, 117, .1);
}
.front-person-links > ul > li > a {
    font-size: 1.8rem;
}

body.section-show .transition-mask:before {
    background:#004e75;
}

.timeline > li.timeline-header {
    margin-bottom: 50px;
}
/* .timeline > li {
    margin: 70px 0;
} */
.close-btn > span:before {
    background-color: rgba(0, 78, 117, 1);
}
.skill > h4 {
  color: rgba(0, 78, 117, .8);  
}

.testimonials-slider .owl-controls > .owl-pagination > .owl-page.active > span {
    background-color: rgba(0, 78, 117, .6); 
}
.testimonials-slider .owl-controls > .owl-pagination > .owl-page > span {
    border-color: rgba(0, 78, 117, 1); 
}

.timeline > li:not(.timeline-header):before {
    background-color: rgba(117, 117, 117, 0.8);
}

.skill > .skill-bar > .bar, 
.skill > .skill-bar > .bar > .percent {
    background-color: rgba(0, 78, 117, 1);
}

.skill > .skill-bar > .bar > .percent:after {
    border-right-color: rgba(0, 78, 117, 1);
}

.hobby > .icon {
    background-color: rgba(0, 78, 117, .5);
}

body .symp-btn {
    background-color: rgba(0, 78, 117, 1);
}

body .symp-btn:hover {
    background: #01689c;
}
/* .footer-social > li > a {
    background-color: rgba(0, 78, 117, .2);
    color: white;
}


.footer-social > li > a:hover {
    background-color: rgba(0, 78, 117, .7);
} */


/* ADD STYLES */
body {
    font-size: 1.6rem;
}
.front-section {
    /* background-color: rgba(0, 78, 117, 1); */
}
.front-person-titles > .t1 {
    left: 0px;
}
.front-person-titles > .t2 {
    top: 0px;
}
.front-person-titles > .t3 {
    bottom: 0px;
}
.presentation {
    font-size: 2.4rem;
    text-align: center;
}
.mt-4 {
    margin-top: 4rem!important;
}

/* FOOTER */
.footer-msk{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-msk > li{
	display:inline-block;
	margin-left:10px;
}
.footer-msk > li > a{
	text-decoration:none;	
	transition:all .3s ease-in-out;
	display:block;
	text-align:center;
	color:#004e75;;
}

.footer-msk > li > a:hover{
	text-decoration: underline;
}

/* ESTO SOLO PARA ESCRITORIO */



@media screen and (min-width: 600px) and (max-width: 992px ) {
    .presentation {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 600px) {
    .presentation {
        font-size: 1.7rem;
    }
}