#whyDiv{
	background-image: url(../images/bg-main.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	overflow: hidden;
	color: white;
}
@media (orientation: landscape) {
	#whyDiv{
		min-height: 90vh;
	}
}

@media (orientation: landscape) {
	#whyDivLeft{
		width: 60%;
		box-sizing:border-box;
		overflow: hidden;
		margin: auto;
	}
	#whyDivLeft p{
		font-size: 2vh;
    	line-height: 3vh;
	}
}
@media (orientation: portrait) {
	#whyDiv{
		min-height: 85vh;
	}
}
@media (orientation: portrait) {
	#whyDivLeft{
		padding: 5vh;
	}
	#whyDivLeft p{
		font-size: 2.5vw;
    	line-height: 5vw;
	}
}

#whyDivRight{
	background-image: url(../images/dashboard.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
	overflow: hidden;
}
@media (orientation: landscape) {
	#whyDivRight{
		width: 50%;
		box-sizing:border-box;
		height:80vh;
		float: right;
	}
}
@media (orientation: portrait) {
	#whyDivRight{
		width: 100vw;
		box-sizing:border-box;
		height:50vw;
		float: right;
	}
}

@media (orientation: landscape) {
	#whyQuote{
		padding: 5vh;
	    margin: 5vh auto 5vh auto;
	    width: 30vw;
	    box-sizing: border-box;
	    border: 3px solid white;
	    position: relative;
	    color: white;
	    font-family: Times New Roman;
	    font-size: 2vh;
    	line-height: 3vh;
	}
}
@media (orientation: portrait) {
	#whyQuote{
		padding: 5vh;
	    margin: 5vh 20vw 5vh 20vw;
	    width: 60vw;
	    box-sizing: border-box;
	    border: 3px solid white;
	    position: relative;
	    color: white;
	    font-family: Times New Roman;
	    font-size: 2.5vw;
    	line-height: 5vw;
	}
}

#quoteStart{
	background-image: url(../images/quotation.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
@media (orientation: landscape) {
	#quoteStart{
		position: absolute;
	    width: 10vw;
	    height: 10vh;
	    top: -5vh;
	    left: -12vw;
	    background-position: right top;
	}
}
@media (orientation: portrait) {
	#quoteStart{
		position: absolute;
	    width: 10vw;
	    height: 10vh;
	    top: -5vh;
	    left: -12vw;
	    background-position: right top;
	}
}
#quoteEnd{
	background-image: url(../images/quotation.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
@media (orientation: landscape) {
	#quoteEnd{
		position: absolute;
	    width: 10vw;
	    height: 10vh;
	    bottom: -5vh;
	    right: -12vw;
	    background-position: left top;
	}
}
@media (orientation: portrait) {
	#quoteEnd{
	    position: absolute;
	    width: 10vw;
	    height: 10vh;
	    bottom: -5vh;
	    right: -12vw;
	    background-position: left top;
	}
}

#signature{
	background: white;
    color: #727272;
    font-family: 'Roboto', sans-serif;
}
@media (orientation: landscape) {
	#signature{
		position: absolute;
	    right: 1vh;
	    height: 4vh;
	    line-height: 4vh;
	    padding-left: 2vh;
	    padding-right: 2vh;
	    bottom: -2vh;
	    margin: 0px;
	}
}
@media (orientation: portrait) {
	#signature{
		position: absolute;
	    right: 2vw;
	    height: 6vw;
	    line-height: 6vw;
	    padding-left: 3vw;
	    padding-right: 3vw;
	    bottom: -3vw;
	    margin: 0px;
	}
}