@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #logo {
        left: 15px;
        top: 15px;
    }
    #header-menu {
        right: 15px;
        top: 15px;
    }
    .point-menu {
        right: 15px;
    }
    #about, #process, #skills, #portfolio {
        padding-top: 150px;
        padding-bottom: 150px;
    }
   
    #about .portrait img {
        width: 180px;
    }
    article.skills-right {
        padding-left: 0px;
    }
    #portfolio .col-lg-6 {
        width: 50%;
        float: left;
    }
    #portfolio .row {
        padding-right: 15px;
    }
    h1.hero {
        font-size: 6rem;
        line-height: 6rem;
    }
    #about .row {
        flex-wrap: nowrap;
    }
    .animation img {
        display: none;
    }
    #portfolio h1 a {
        font-size: 2rem;
    }
    .sub-tile-home a {
        font-size: 1rem;
    }
    footer section {
        padding-bottom: 60px;
    }
    #home{
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .portrait{
        float: none;
    }
    .container{
        max-width: 100%;
    }
    #works-fintech .right-element, #works-caty-forden .right-element, #works-essetre .right-element, #works-mamas .right-element{
        padding-top: 30px;
        padding-left: 0px;
    }
    #styleguide-fintech .container, #styleguide-fintech .col-lg-6, #paper-wireframe-fintech .container, #paper-wireframe-fintech .col-lg-4,
    #works-fintech article, #digital-wireframe-fintech .container, #low-fi-fintech .container, #pp-fintech .container, #final-work-fintech .container, #works-caty-forden article,
    #business-card-caty .container, #business-card-caty .col-lg-6, #brochure-caty .col-lg-6, #poster-caty .container, #poster-caty .col-lg-6, #flyer-caty .container, #flyer-caty .col-lg-6,
    #works-essetre article, #works-mamas article{
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-box{
        padding-top: 30px;
    }
    #goup{
        position: absolute;
    }
    #styleguide-mamas .container, #styleguide-mamas .font, #story-essetre .container, #styleguide-essetre.container-fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    #logo-essetre .color{
        text-align: center;
    }
    .space-up-loghi{
        margin-top: 0px;
    }
}