@font-face {
    /* NexaBold */
    font-family: NexaBold;
    src: url(../font-awesome/Nexa\ Bold.otf);
}

@font-face {
    /* Nexalight */
    font-family: NexaLight;
    src: url(../font-awesome/Nexa\ Light.otf);
}

body {
    font-family: 'NexaLight', sans-serif;
    color: #f9f3f3;
    background-color: #2a2b2f;
    height: 100%;
}

p {
    margin-top: .2rem;
    margin-bottom: .5rem;
}

/* .hero-header{
    background-image: url('../images/header.png');
} */
.img-res {
    height: 170px;
    width: 100%;
}


.skills_area>h4 {
    font-family: 'NexaLight', sans-serif;
    font-size: 26px;
    font-weight: 200;
}

.hero_title>h1 {
    font-family: 'NexaBold', sans-serif;
    font-size: 123px;
    line-height: 0.8;
}

.hero_title>h1>span {
    font-family: 'NexaLight', sans-serif;
}

.info__area>.phone__area {
    padding: 4px 40px;
    font-size: 29px;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    width: 80%;
}

.info__area>.email__area {
    padding: 4px 40px;
    font-size: 29px;
    border: 1px solid #e6e6e6;
    width: 80%;
}

a.cv__area {
    color: #e6e6e6;
    text-decoration: underline;
    margin-top: 10px;
}

a.cv__area:hover {
    color: #e6e6e6;
    text-decoration: none;
}

.portfolio__area>h4>span {
    font-family: 'NexaBold', sans-serif;
}

.portfolio__area>h4 {
    font-size: 34px;
    margin-top: 5.2rem;
}

.portfolio__title {
    padding: 0px;
}

.portfolio__title>p {
    font-size: 25px;
    color: #b3b4b5;
}

.social__icon {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 1px solid transparent;
}

.behance__icon {
    background-color: #4176fa;
}

.behance__icon>i {
    margin: 5px 5px !important;
}

.vimeo__icon {
    background-color: #84c8ed;
}

.vimeo__icon>i {
    margin: 5px 5px !important;
}

.present__icon {
    background-color: #0079b8;
}

.present__icon>i {
    margin: 5px 5px !important;
}

.facebook__icon {
    background-color: #3a5898;
}

.facebook__icon:hover,
.facebook__icon>i:hover {
    border-color: #3a5898;
    background-color: transparent;
}

.facebook__icon>i {
    margin: 6px 10px !important;
}

.linkedin__icon {
    background-color: #0079b8;
}

.linkedin__icon:hover,
.linkedin__icon>i:hover {
    border-color: #0079b8;
    background-color: transparent;
}

.youtube__icon {
    background-color: #c42f2b;
}

.youtube__icon:hover,
.youtube__icon>i:hover {
    border-color: #c42f2b;
    background-color: transparent;
}

.twitter__icon {
    background-color: #25a6d0;
}

.twitter__icon:hover,
.twitter__icon>i:hover {
    border-color: #25a6d0;
    background-color: transparent;
}

.pinterest__icon {
    background-color: #ca1f27;
}

.pinterest__icon:hover,
.pinterest__icon>i:hover {
    border-color: #ca1f27;
    background-color: transparent;
}

.pinterest__icon>i {
    margin: 6px 8px !important;
}

.social__icon>i {
    margin: 5px 5px;
    font-size: 20px;
}

.social__area>h4 {
    font-size: 34px;
    margin-top: 5.2rem;
}

.social__area>h4>span {
    font-family: 'NexaBold', sans-serif;
}

.social__area>.row>.col-md-1>a {
    color: #e6e6e6;
    text-decoration: none;
}

body>div.conatiner-fluid.bg_container.p-0>div.row.m-0>div.col-12.col-md-6.col-lg-6.p-5.text-right>div.portfolio__area>div:nth-child(2)>div.col-md-11.col-10.portfolio__title>p>a {
    color: #b3b4b5;
    text-decoration: none;
}

body>div.conatiner-fluid.bg_container.p-0>div.row.m-0>div.col-12.col-md-6.col-lg-6.p-5.text-right>div.portfolio__area>div:nth-child(3)>div.col-md-11.col-10.portfolio__title>p>a {
    color: #b3b4b5;
    text-decoration: none;
}

body>div.conatiner-fluid.bg_container.p-0>div.row.m-0>div.col-12.col-md-6.col-lg-6.p-5.text-right>div.portfolio__area>div:nth-child(4)>div.col-md-11.col-10.portfolio__title>p>a {
    color: #b3b4b5;
    text-decoration: none;
}

/* @Media Queries */

/* @media screen and (max-width: 330px) {
    .img-res{
        height: 85px;
    }
    .skills_area > h4{
        font-size: 13px!important;
    }
    .hero_title > h1 {
        font-size: 55px;
        line-height: 1;
    }

    .info__area > .phone__area {
        font-size: 15px;
        width: 100%;
    }
    
    .info__area > .email__area {
        padding: 4px 10px;
        font-size: 16px;
        width: 100%;
    }
    
    .portfolio__title {
        padding: 20px 8px;
    }
    .portfolio__title > p {
        font-size: 16px;
    }
    .R-P{
        padding: 18px 0px;
    }
    .p-5{
        /* padding: 1.5rem; 
        padding: 3rem 2rem !important;
    }
  } */

/* @Media Queries */
@media only screen and (min-device-width : 322px) and (max-device-width : 1080px) {
    .img-res {
        height: 40px;
    }

    .skills_area>h4 {
        font-size: 15px;
    }

    .hero_title>h1 {
        font-size: 70px;
        line-height: 1;
    }

    .info__area>.phone__area {
        font-size: 20px;
        width: 100%;
    }

    .info__area>.email__area {
        padding: 4px 20px;
        font-size: 20px;
        width: 100%;
    }

    .portfolio__title {
        padding: 20px 8px;
    }

    .portfolio__title>p {
        font-size: 16px;
    }

    .R-P {
        padding: 18px 0px;
    }

    .p-5 {
        /* padding: 1.5rem; */
        padding: 3rem 2rem !important;
    }
}

.copyright {
    "text-align:center; color:#ffffff; text-decoration:none; display:block;
position: absolute;
    bottom: 0;

    width: 100%;
}

body > div.copyright > center > p > a:hover {color:red !important; text-decoration:none !important;}
body > div.copyright > center > p > a {color:#fff;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 280px) and (max-device-width : 321px) {
    .img-res {
        height: 85px;
    }

    .skills_area>h4 {
        font-size: 13px !important;
    }

    .hero_title>h1 {
        font-size: 55px;
        line-height: 1;
    }

    .info__area>.phone__area {
        font-size: 15px;
        width: 100%;
    }

    .info__area>.email__area {
        padding: 4px 10px;
        font-size: 16px;
        width: 100%;
    }

    .portfolio__title {
        padding: 20px 8px;
    }

    .portfolio__title>p {
        font-size: 16px;
    }

    .R-P {
        padding: 18px 0px;
    }

    .p-5 {
        /* padding: 1.5rem; */
        padding: 3rem 2rem !important;
    }

}



/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}