/* ==========================================================================
Main page styles
========================================================================== */

.hipster {
    display: inline-block;
    width: 347px;
    height: 497px;
    background: url("../../content/images/hipster.png") no-repeat center top;
    background-size: contain;
}

/* wait autoprefixer update to allow simple generation of high pixel density media query */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .hipster {
        background: url("../../content/images/hipster2x.png") no-repeat center top;
        background-size: contain;
    }
}
p{
    margin: 0;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center
}

.leftDiv{
    padding-right: 10px
}
.leftDiv-container{
    border: 1px solid #ddd;
}

.rightDiv{
    border: 1px solid #ddd;
}
.rightDiv > p{
    padding: 10px
}
.rightDiv > p > span{
    float: right
}
.main-color-font{
    color: #6097b7;
    font-size: 20px
}