﻿.testimonials {
    background: linear-gradient(180deg, rgba(12,14,27,1) 0%, rgba(44,123,192,1) 100%);
    color: #000;
    width:100%;
    padding:30px;
}

	.testimonials h2 {
		color: #FFD502;
	}

.testimonialContainer {
    max-width:1280px;
    margin:30px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 100%;
}

    .testimonial {
        position:relative;
        width: calc(100% / 3);
        padding:10px;
		min-height: 100%;
    }

        .testimonial .testimonialWrapper {
            background: #f6f7fb;
            padding: 15px;
			min-height: 100%;
        }

        .testimonial .testimonialHeader {
            display:flex;
            flex-direction:row;
        }

        .testimonial .testimonialPhoto {
            position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            width: 75px;
            min-width: 75px;
            max-width: 75px;
            height: 75px;
        }

        .testimonial .testimonialPerson {
            display: flex;
            flex-direction: column;
            width: 100%;
            padding-left: 15px;
        }

            .testimonial .testimonialWrapper h2, .testimonial .testimonialWrapper h3 {
                /*font-size: 1.5em;
                line-height: normal;*/
                margin: 0 0 5px;
                padding: 0;
            }
			
			.testimonial .testimonialWrapper h3 {
				
			}

        .testimonial .testimonialWrapper h2 {
            /*font-weight: bold;*/
            color: #0057b8 !important;
			font-size: 1.5rem;
			line-height: 1.5rem;
        }

        .testimonial .testimonialWrapper h3 {
            color: #011D4A !important;
			font-size: 1.35rem;
			line-height: 1.35rem;
			font-weight: 500;
        }

            .testimonial .testimonialWrapper p {
				margin-top:15px;
                /*font-size: 1.2em;
                line-height: 1.5em;*/
            }

.quotes {
	padding-bottom:0;
}

	.quotes .testimonialContainer {
		margin:15px -10px;
		display: flex;
		justify-content: center;		
	}
	
		.quotes .quote p {
			text-align:center;
			font-size:2em;
			line-height:1.1em;
		}

@media all and (max-width: 1280px) {
    .testimonialContainer .testimonial {
        width: 50%;
    }
}

@media all and (max-width: 980px) {
	.testimonial .testimonialPhoto {
		margin-bottom:10px;
	}
	
	.testimonial .testimonialHeader {
		display:flex;
		flex-direction:column;
		align-items: center;
	}
	
	.testimonial .testimonialPhoto {
		width: 150px;
		min-width: 150px;
		max-width: 150px;
		height: 150px;
	}
	
	.testimonial .testimonialPerson {
		padding-left:0;
	}
	
	.testimonial .testimonialPerson h2,
	.testimonial .testimonialPerson h3 {
		text-align:center;
	}
}

@media all and (max-width: 640px) {
    .testimonialContainer .testimonial {
        width: 100%;
    }
}

@media all and (max-width: 480px) {	
	.testimonial .testimonialPhoto {
		width: 100px;
		min-width: 100px;
		max-width: 100px;
		height: 100px;
		margin: 0 auto 15px;
	}
}