@media only screen and (max-width: 1280px){
	main article, main article, #about article, #port article, #cv article {
        padding: 3em 7em;
	}
}

@media only screen and (max-width: 1024px){

    p, h1, h3, h4, ul{
        font-size: 1.75em;
    }

    header{
        text-align:center;
    }
    
    header aside {
        top: 15em;
    }
    
    header h2 {
        font-size: 1.5em;
    }
    
    #logo{
        position: static;
        height: 50%;
    }

    menu{
        display: none;
    }
    
    main article, #about article, #port article, #cv article {
        padding: 4em;
    }
 
    #about aside div {
        width:100%;
    }
    
    #port aside p{
        font-size: 1.25em;
    }
    
    #port aside div {
        width: 85%;
        margin-bottom: 2em;
        margin-left: calc(15% /2);
        font-size: 2.25em;
    }
    
    #port aside div:nth-child(2), #port aside div:nth-child(5) {
        margin-left: calc(15% /2);
        margin-right: 0;
    }
    
    #port aside div:nth-child(1){
        margin-top: 2em;
    }
    
    #port aside div:nth-child(2), #port aside div:nth-child(3) {
        margin-top: 0;
    }
    
    #cv aside {
        column-count: unset;
        -webkit-column-count: unset;
        padding: 0;
        text-align: center;
    }
    
    #cv aside h1 {
        break-after: none;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        text-align: center;
        padding: 1em 0;
    }
    
    #cv h1{
        background-color: black;
        color: white;
    }
    
    #cv h3{
        background-color: #756172;
        color: white;
        padding: 0.5em;
    }
    
    #cv p{
        margin-bottom: 0.75em;
    }
    
    #tec ul{
        column-count: 2;
    }
    
    #contact article {
        height: unset;
    }
}