main{
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
}
section{
    display: flex;
    justify-self: center;
}
section > img{
    max-height: 80vh;
    max-width: 30vw;
}
section > div{
    max-width: 30vw;
    margin-left: 20vw;
}
section > div > h2{
    margin-top: 0;
}
section > div > p{
    padding-right: 5px;
}
.type-header{
    margin-left:20vw;
}
.type-header > h2{
    margin-bottom: 5vh;
}

/* for smaller screen */
@media(max-width:1200px){
    section{
        flex-direction: column;
    }
    
    section > img{
        max-width: 60vw;
        max-height: 80vh;
        margin: 0 auto;
    }
    section > div{
        max-width: 60vw;
        margin: 0 auto;
    }
}


/* for mobile */
@media(max-width:650px){
    
    section > img{
        max-width: 80vw;
        max-height: 80vh;
        margin: 0 auto;
    }
    section > div{
        max-width: 80vw;
        margin: 0 auto;
    }
    .type-header{
        margin-left:10vw;
    }
}