.border-button-light {background: transparent; padding: 10px 20px 10px 20px; text-decoration: none; border: 2px solid #79A5D6; border-radius: 5px; color: #fff;}
.border-button-light:hover {background: #fff; padding: 10px 20px 10px 20px; text-decoration: none; border: 2px solid #C5C6C9; border-radius: 5px; color: #000;}
.border-button-dark {background: transparent; padding: 10px 20px 10px 20px; text-decoration: none; border: 2px solid #2E8DC7; border-radius: 5px; color: #333;}
.border-button-dark:hover {background-color: #333; padding: 10px 20px 10px 20px; text-decoration: none; border: 2px solid #2E8DC7; border-radius: 5px; color: #fff;}

.light {color: #fff;}
.dark {color: #333;}

.jmm-timer {color: #fff;}
.jmm-subtitle {color: #2E8DC7; }


a .fa:hover {color: #fff;}
.project-wrapper .btn-go-back {background-color: #fff; padding: 10px 20px 10px 20px; text-decoration: none; border: 2px solid #2E8DC7; border-radius: 5px; color: #333;}
.project-wrapper .btn-go-back:hover {background-color: #333; padding: 10px 20px 10px 20px; text-decoration: none; border: 2px solid #2E8DC7; border-radius: 5px; color: #fff;}
.mystyle .projects-wrapper .project-img .project-img-extra h4 {color: #F4F5F7;}

.mypadding {margin-top: 50px; margin-bottom: 50px;}
.bottompadding {margin-bottom: 50px;}
.toppadding {margin-top: 50px;}

.portfolio-module .projects-wrapper .item {
    padding: 0px !important;
}

.sociallink {font-size:35px; margin: 10px; color: #fff;}
.sociallink:hover {color: #79A5D6;}

@media (min-width: 900px) {
  .homepage {text-align: center; margin-top: 200px; margin-bottom: 150px;}
}

@media (max-width: 900px) {
  .homepage {text-align: center; margin-top: 100px; margin-bottom: 50px;}
}