

body main .main.personpage .aside-area + .main-content {
    h1 {
        font-size: 2.25rem;
        grid-column: 4 / 11;
        grid-row: 1 / 2;
        
        
        @media (min-width: 550px) and (max-width: 900px)  {
            font-size: 1.7rem;
        }
        
        @media (max-width: 667px)  {
            grid-column: 1 / 12;
            grid-row: 2 / 3;
            justify-self: center;
        }
    }

    .websites {
        display: inline-block;
        margin-top: .75rem;
        }
    .info {
        grid-column: 4 / 11;
        grid-row: 2 / 3;
        
        @media (max-width: 667px)  {
            grid-column: 1 / 12;
            grid-row: 3 / 4;
            justify-self: center;
            text-align: center;
        }
    }
    .block {
        grid-column: 2 / 13;
        grid-row: auto;      
        
        @media (max-width: 667px)  {
            grid-column: 1 / 13;
        }
    }
	.image {
        border-radius: 50%;
        height: 200px;
        width: 200px;
        overflow:hidden;
        display: flex;
        justify-content: center;
        align-items: start;
        grid-column: 2 / 4;
        grid-row: 1 / 3;
        margin-top: 1rem;
        justify-self: center;
        
        @media screen and (min-width: 1000px) {
            height: 230px;
            min-width: 230px;
            width: 230px;
        }
        @media (min-width: 850px) and (max-width: 999px) {
            height: 200px;
            min-width: 200px;
            width: 200px;
        }
        @media (min-width: 550px) and (max-width: 849px) {
            height: 170px;
            min-width: 170px;
            width: 170px;
        }
        @media (max-width: 667px)  {
            grid-column: 1 / 12;
            grid-row: 1 / 2;
        }
            
        img {
            flex-shrink: 0;
            min-width: 100%;
            min-height: 100%
        }
	}
}