body {
    background-color: #f5eedf;
}
.navigation{
    padding-top: 154px;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.navigation a:hover {
    color: black;
}

.heading{
    padding-top: 154px;
    padding-left: 277px;
    width: 429px;
    height: 133px;
    font: normal normal normal 100px/20px Times New Roman;
    text-decoration: none;
    color: #000000;
}
.rightnavbar{
    float: right;
    padding-right: 277px;
    padding-top: 40px;
}

.rightnavbar a{
    padding: 10px 10px;
    font: normal normal normal 14px/15px Times New Roman;
}
.rightnavbar a.about{
    top: 260px;
    right: 850px;
    width: 50px;
    height: 16px;
    /*font: normal normal normal 14px/12px Segoe UI;*/
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-decoration: none;
}

.rightnavbar a.gallery{
    top: 252px;
    left: 1188px;
    width: 66px;
    height: 16px;
    /*font: normal normal normal 14px/12px Segoe UI;*/
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-decoration: none;
}

.rightnavbar a.photography{
    top: 252px;
    left: 1373px;
    width: 109px;
    height: 16px;
    /*font: normal normal normal 14px/12px Segoe UI;*/
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-decoration: none;
}

.rightnavbar a.blog{
    top: 252px;
    left: 1600px;
    width: 40px;
    height: 16px;
    /*font: normal normal normal 14px/12px Segoe UI;*/
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-decoration: none;
}

.container{
    padding-top: 90px;
    padding-left: 272px;
    column-count: 2;
    column-gap: 50px;
}

.imageBox{
    margin-bottom: 50px;
    overflow: hidden;
}

.imageBox img{
    display: inline-block;
    width: 100%;
    transition: 0.5s all;
}

.imageBox:hover img{
    transform: scale(1.1);
}