@media screen and (max-width: 899px) {

    #fpTopFlex {
        gap: 30px;
        align-items: flex-start;
    }
    
    #fpTopFlex img {
        display: block;
        width: 200px;
        border: 1px solid #cccccc;
    }

    #priceFlex {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .priceBox {
        flex: none;
        width: 350px;
    }
    
    #messageForm {
		margin-bottom: 50px;
	}

	#messageHolder {
		display: block;
	}

	#messageHolder div {
		margin-bottom: 30px;
	}

    .review {
        font-size: 35px;
        line-height: 45px;
    }

	#encore {
		width: 100px;
		height: 100px;
	}
    
	.fpVideoHolder {
		width: 500px;
	}
	
	#videoSelector {
		width: 498px;
	}
	
	.affiliation {
		height: 100px;
	}
	
}


@media screen and (max-width: 799px) {

    .content {
        width: calc(100% - 60px);
        padding: 30px;
    }

	#logoHolder {
		height: 87px;
	}
	
	#logoTop {
		width: 400px;
	}
	
}


@media screen and (max-width: 699px) {

    .massiveResponsiveImage img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        height: 400px;
    }

    #fpTopFlex {
        flex-direction: column-reverse;
    }
    
    #fpTopFlex img {
        display: block;
        width: calc(100% - 2px);
        max-width: 400px;
        margin: auto;
        margin-top: 30px;
    }

    #fpTopFlex .signature {
        text-align: center;
        margin-top: 40px;
        font-size: 40px;
    }

    #fpTopFlex div h1 {
        text-align: center;
    }
 
    .review {
        font-size: 25px;
        line-height: 35px;
    }

    .portraitCircle {
        width: calc(100% - 2px);
        max-width: 300px;
        margin-top: 40px;
    }
    
	#bottomInner {
		display: block;
	}
	
	#bottomInner div {
		padding: 10px;
	}
	
	#copyright {
		font-size: 18px;
	}

	#logoIsm, #logoYoutube {
		height: 50px;
		padding-bottom: 30px;
	}

}	


@media screen and (max-width: 599px) {

	.fpVideoHolder {
		width: 300px;
	}

	#videoSelector {
		width: 298px;
	}

	.affiliation {
		display: block;
		margin-bottom: 20px;
	}

}


@media screen and (max-width: 499px) {

    .priceBox {
        width: 100%;
    }

	#encore {
		width: 75px;
		height: 75px;
	}

	#logoHolder {
		height: 56px;
	}
	
	#logoTop {
		width: 250px;
	}

	#fpTopFlex {
		margin-top: 25px;
	}
	
}