/* Overrides */
@font-face {
    font-family: "MoolBoran";
    src: url(../fonts/moolbor.ttf);
}

@font-face {
    font-family: "Myriad Pro Light";
    src: url(../fonts/MyriadPro-Light.otf);
}

@font-face {
    font-family: "Myriad Pro Light Italic";
    src: url(../fonts/MyriadPro-LightIt.otf);
}

@font-face {
    font-family: "Myriad Pro Semibold";
    src: url(../fonts/MyriadPro-Semibold.otf);
}

html,
body {
    height: 100%;
    font-family: 'Open Sans', 'Myriad Pro Light', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Myriad Pro Semibold";
}

.bold {
    font-family: "Myriad Pro Semibold";
}


.italic {
    font-family: "Myriad Pro Light Italic";
}

.title {
    font-family: "MoolBoran";
}


.nopad {
    padding: 0px 0px;
}

.fa {
    padding: 12px;
    font-size: 12px;
    width: 38px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 50%
}

.fa:hover {
    background: #f3c251;
    border: 0px solid #000;
    text-decoration: none;
    color: #fff;
}


/* behance */
.fa-behance {

    color: black;
    
}

/* mail */
.fa-envelope {

    color: black;
}

/* Instagram */
.fa-instagram {

    color: black;
}


.fa-file-pdf-o {
    color: black;
}

.gitem :hover {
    background-color: #7777771a;
}