body {
    font-family: 'Raleway',sans-serif;
}

.title, .btn-primary:hover{
	color: #f7a800 !important;
}

.btn-primary:hover, .nav-other .popup-contact{
	background-color: #f7a800 !important;
	color: #ffffff !important;
}

.portfolio-box1 .pop-img{
	background-color: #f7a800 !important;
}

.info-box5 .img {
	color: #aba6a9 !important;
}

.nav-links>li>a:hover{
	color: #f7a800 !important;
}

.nav-sticky .nav-links>li>a,.nav-sticky .nav-links .telephone span{
	color: #000000 !important;
}

.nav-wrp .navbar-brand img{
	max-height: 97px !important;
}

#portfolio .tipo_servicio{
	background-color: #f7a800;
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 3px;
    display: inline-block;
    font-weight: normal;
    margin-top: 10px;
}

.portfolio-section-3 .portfolio-box .hd {
    font-weight: 500;
}

#portfolio .title-sub{
	text-align: center;
}

#placeholder{
  opacity: 0;
  width: 600px;
  height: 445px;
  position: relative;
  margin-left: -604px;
}

#about .title-sub {
    font-size: 18px !important;
    text-align: left;
}

.intro-section h1{
	font-size: 35px !important;
}

#sobremi h1{
	font-size: 36px !important;
}

.title {
    font-size: 43px !important;
 }

.title-sub {
    font-size: 19px !important;
    margin-bottom: 22px !important;
    text-align: justify;
}

/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/


@media (min-width: 1200px) {
	

}
@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) {
		
}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
	
}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {

}


/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {

}