/*Title name----------------------------------------------------------------------------------------------------------*/

.page-title-font {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;

    color: white;
}

/*CONTENT GENERAL-----------------------------------------------------------------------------------------------------*/

.content-title-white {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 800;

    color: white;

    font-size: 42pt;
}

@media (max-width: 768px) {
    .content-title-white {
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 800;

        color: white;

        font-size: 6vmin;
    }
}

.background-white {
    background-color: white;
}

/*CONTENT-Text 1--------------------------------------------------------------------------------------------------------*/


.info-text-title-contacts {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color: black;

    font-size: 38pt;
}

.info-text-red-contacts {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color: red;

    font-size: 24pt;
}

.info-text-normal-contacts {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    color: black;

    font-size: 24pt;
}

@media (max-width: 768px) {
    .info-text-title-contacts {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        color: black;

        font-size: 4vmin;
    }

    .info-text-red-contacts {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        color: red;

        font-size: 3vmin;
    }

    .info-text-normal-contacts {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 300;
        color: black;

        font-size: 3vmin;
    }
}

/*CONTENT-LINKS-------------------------------------------------------------------------------------------------------*/

.content-link-facebook-bg {
    background-color: #3b5998;
}

.content-link-instagram-bg {
    background-color: #C13584;
}

.content-link-linkedin-bg {
    background-color: #0e76a8;
}

.content-link-behance-bg {
    background-color: #053eff;
}

.content-link-github-bg {
    background-color: #2B3137;
}

.content-link-files-bg {
    background-color: #53cf9c;
}

.content-link-inline {
    display: inline;

    font-size: 14pt;
}

/*CONTENT-Text 2------------------------------------------------------------------------------------------------------*/

.contactme-text-red {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color: red;

    font-size: 24pt;
}

@media (max-width: 768px) {

    .contactme-text-red {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        color: red;

        font-size: 3vmin;
    }

}

/*CONTENT-Images------------------------------------------------------------------------------------------------------*/

.img-one {
    width: 100%;

    height: auto;
}

/*Portfolio-Custom----------------------------------------------------------------------------------------------------*/

/*Center, source: https://www.titanwolf.org/Network/q/2b37c1fb-8420-4a10-aea0-d6c153d9cfcf/y */

.ui-tabs .ui-tabs-nav {
    text-align: center;
}

.ui-tabs .ui-tabs-nav li {
    float: none !important;
    display: inline-block;
}

table {
    margin: auto;
}

/*No border */

#tabs {
    border-color: white !important;
}

/*Text */

.work-portfolio-text-title {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 800;
    color: black;

    font-size: 32pt;
}

.work-portfolio-text-red {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color: red;

    font-size: 21pt;
}

.work-portfolio-text-normal {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    color: black;

    font-size: 18pt;
}

@media (max-width: 768px) {
    .work-portfolio-text-normal {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 300;
        color: black;

        font-size: 14pt;
    }
}



/*Custom icons--*/

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?i3350z');
    src: url('../fonts/icomoon.eot?i3350z#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?i3350z') format('truetype'),
    url('../fonts/icomoon.woff?i3350z') format('woff'),
    url('../fonts/icomoon.svg?i3350z#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-personal-space-svg1:before {
    content: "\e907";
    color: #fff;
}

.icon-bella-e-brava-icon-svg1:before {
    content: "\e905";
    color: #fff;
}

.icon-pastichair-icon-svg1 .path1:before {
    content: "\e906";
    color: rgb(255, 255, 255);
}

.icon-pastichair-icon-svg1 .path2:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-pastichair-icon-svg1 .path3:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}