Posicionamento

Eu fiz exatamente conforme o exercício , porem fiquei com uma dúvida. Eu segmentei o css com o conteúdo comum das páginas, porem quando chamo este css, ele não posiciona igual ao das outras páginas.

https://jsbin.com/rahifiziti/edit?html,css,output

No Js bin só da pra colocar um css, abaixo o css do contato.html

.titulo-principal {
   width: 120%;
    font-size: 150%;
    font-family:Shadows Into Light, cursive;
    font-weight: bold;


}

.minha-foto{
    position: absolute;
    right:-270px;


}

main {
    width: 80%;
    float: left;
    padding-bottom: 80px;
    position: absolute;
}

.minha-foto,
.navegacao-site {
    border-left: 10px solid black;
    border-bottom: 10px solid black;
    box-sizing: border-box;
}

.navegacao-site {
    width: 20%;
    float: right;
    position: relative;
    top: 300px;
}

.minha-foto {
    position: absolute;
    top: 0;
    right: 0;
    height: 300px;
}