/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.logo-dark img, .logo-default img{
  height: 50px;
}

.black{
  color:#000000 !important;
  display: block;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    margin-right: 16px;
}

.homepage-btn{
  margin-top:20px;
  margin-left:9px;
}

.inspiro-slider .slide .slide-captions .homepage-logo img{
  width: 200px !important;
}

li.resume.btn{
  background-color: #f4531c !important;
  border-color:#f4531c !important;
  margin-top: 24px;
  padding: 8px 14px !important;
}


@media (max-width: 1024px){
  li.resume.btn{
    background-color: #f4531c !important;
    padding: 0px 0px !important;
    height: 43px !important;
    width: 175px;
  }

  #mainMenu nav ul li:hover a.resume-mobile{
    color: #fff;
  }

}