body {
    background-color: #F9F8F7;
}

.hnp-reviews-section {
    background-color: #F9F8F7;
}

.hnp-reviews-section .hnp-home-second-section-titles {
	margin-top: 0px;
}

#hnp-reviews-section-reviews {
    margin: auto;
}

.hnp-review-element {
    background-color: white;
}

.hnp-review-element-score {
    color: #BA3939;
}

.hnp-review-element-title {
    font-family: 'Open Sans', sans-serif;
	font-weight:500;
}

.hnp-review-element-content {
    font-family: 'Open Sans', sans-serif;
	font-weight: 500;
    color: #2B2B2B;
    opacity: 0.75;
}

.hnp-review-element-reviewer {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #BA3939;
    text-transform: uppercase;
}

@media only screen and (orientation:landscape) and (min-width: 1920px) {

    .hnp-reviews-section {
        margin-top: 20px;
    }

    #hnp-reviews-section-reviews {
        display: flex;
        width: 1152px;
        padding-top: 40px;
        padding-bottom: 40px;
        justify-content: space-between;
    }
    
    .hnp-review-element {
        width: 26%;
        padding: 30px;
    }
    
    .hnp-review-element p {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .hnp-review-element-score {
        font-size: 1.8em;
    }
    
    .hnp-review-element-title {
        font-size: 1.6em;
    }
    
    .hnp-review-element-content {
        font-size: 1em;
        line-height: 1.5em;
    }
    
    .hnp-review-element-reviewer {
        font-size: 0.9em;
        letter-spacing: 1px;
    }
}

@media only screen and (orientation:portrait) {
	.hnp-reviews-section .hnp-home-second-section-titles-title {
		font-size: 6.5dvw;
	}

    #hnp-reviews-section-reviews {
        width: 95dvw;
        margin: auto;
        padding: 5dvw 0dvw;
    }
    
    .hnp-review-element {
        padding: 5dvw;
        height: 475px;
    }
    
    .hnp-review-element-score {
        margin-top: 2dvw;
        margin-bottom: 0;
        font-size: 7dvw;
    }
    
    .hnp-review-element-title {
        margin-top: 4dvw;
        margin-bottom: 0;
        font-size: 7dvw;
    }
    
    .hnp-review-element-content {
        margin-top: 4dvw;
        margin-bottom: 0;
        font-size: 5dvw;
    }
    
    .hnp-review-element-reviewer {
        margin-top: 4dvw;
    }

    .element-visible {
        display: block;
    }

    .element-hidden {
        display: none;
    }

    .hnp-reviews-section-panel-mobile {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 5dvw;
        height: 5dvh;
    }

    .hnp-reviews-arrow-container {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hnp-reviews-section-panel-mobile img {
        cursor: pointer;
        width: 5dvw;
    }

}

@media only screen and (orientation: landscape) and (max-width: 1919px) {
    body {
        background-color: #F9F8F7;
    }
    
    .hnp-reviews-section {
        background-color: #F9F8F7;
    }
    
    .hnp-reviews-section .hnp-home-second-section-titles {
        margin-top: 0px;
    }
    
    #hnp-reviews-section-reviews {
        display: flex;
        width: 60dvw;
        justify-content: space-between;
        margin: auto;
        padding-top: 2dvw;
        padding-bottom: 2dvw;
    }
    
    .hnp-review-element {
        background-color: white;
        width: 14.5dvw;
        padding: 2dvw;
    }
    
    .hnp-review-element p {
        margin-top: 0px;
        margin-bottom: 1dvw;
    }
    
    .hnp-review-element-score {
        color: #BA3939;
        font-size: 1.6dvw;
    }
    
    .hnp-review-element-title {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.4dvw;
        font-weight:500;
    }
    
    .hnp-review-element-content {
        font-family: 'Open Sans', sans-serif;
        font-size: 0.8dvw;
        line-height: 1.3dvw;
        color: #2B2B2B;
        opacity: 0.75;
    }
    
    .hnp-review-element-reviewer {
        font-family: 'Open Sans', sans-serif;
        font-size: 0.6dvw;
        font-weight: 600;
        color: #BA3939;
        text-transform: uppercase;
        letter-spacing: 0.1dvw;
    }
}