@media(min-width: 768px) {
    .desktop-view {
        display:block;
    }

    .mobile-view {
        display: none
    }
}

@media(max-width: 768px) {
    .mobile-view {
        display:block
    }
	.desktop-view {
        display:none;
    }
}

.middle-centered img {
    width: 60%;
    margin: auto;
    padding-top: 25%;
}

.desktop-view{
	height: 100vh;
}
.desktop-view .content{
	background-image: url(../images/background.jpg) !important;
    height: inherit;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}