@media (min-width: 768px) and (max-width: 1475px) {
    .resume section .history > article {
        width: 50%;
        padding-right: 0;
        padding-left: 12.5px
    }

    .resume section .history > article:first-child {
        padding-right: 12.5px;
        padding-left: 0
    }

    .resume section .history .interests {
        width: 100%
    }

    .interests article {
        justify-content: space-between
    }

    .resume section .history .interests div {
        width: 23%;
        margin-bottom: 4%
    }

    .works .item {
        width: 31.9%;
        height: 180px
    }
}

@media (max-width: 1300px) {
    .services section article div {
        width: 49%
    }

    .resume section .history .interests div {
        margin-bottom: 4%
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .section {
        padding: 25px 110px
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .section {
        padding: 25px 60px
    }

    .home h1 {
        font-size: 86px !important
    }

    .works .item {
        width: 48.5%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .resume section .history .interests div {
        width: 48%;
        margin-bottom: 4%
    }

    .interests article {
        justify-content: space-between
    }

    .works .item {
        height: 250px
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    
    nav ul li {
        font-size: 40px
    }
    
    .section {
        padding: 25px
    }

    .home h1 {
        font-size: 65px !important
    }

    .section p {
        font-size: 15px
    }

    .info div {
        width: 100%;
        margin: 1% 0
    }

    .resume section .history > article,
    .resume section .history .interests {
        width: 100%;
        padding-right: 0
    }

    .resume-con .skills article,
    .services section article div {
        width: 100%
    }

    .resume-con .skills article:last-of-type {
        margin: 4% 0
    }

    .services section article div:last-of-type {
        margin-bottom: 4%
    }

    .works .item {
        width: 98%;
    }

    .contact-div > div {
        width: 100%;
        margin-bottom: 4%
    }

    #map {
        height: 200px
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    .home h1 {
        font-size: 46px !important
    }

    .home section div:last-of-type a {
        margin: 20px
    }

    .info div span {
        font-size: 12px
    }

    .home section div:first-child h1:after {
        font-size: 20px
    }

    .resume-con .skills article {
        padding: 25px
    }

    .services section article div {
        padding: 15px
    }

    .works .item {
        height: 200px
    }
}