.show_when_wide { display: block; }
	
	.show_when_narrow { display: none; }

    .shell_colored_rounded_box { width: 95%; max-width: 370px; padding: 20px; background-color: #F3CFB3; border-radius: 15px; }

    .shell_colored_box_290_height { width: 95%; max-width: 370px; height: 290px; padding: 20px; background-color: #F3CFB3; border-radius: 15px; }

    .shell_colored_box_fixed_height { width: 95%; max-width: 370px; height: 375px; padding: 20px; background-color: #F3CFB3; border-radius: 15px; }

    .intro__video {  width: 600px; height: 300px; background-color: #ffffff; }
	
    .intro__video2 {  width: 600px; height: 338px; background-color: #ffffff; border: 2px solid #666666; }
	
    @media all and (max-width: 850px) {
	
	    .show_when_wide { display: none; }
	
	    .show_when_narrow { display: block; }
		
		.shell_colored_rounded_box { width: 95%; padding: 20px; background-color: #F3CFB3; border-radius: 15px; }

        .shell_colored_box_290_height { width: 95%; max-width: 370px; height: auto; padding: 20px; background-color: #F3CFB3; border-radius: 15px; }

        .shell_colored_box_fixed_height { width: 95%; padding: 20px; height: auto; background-color: #F3CFB3; border-radius: 15px; }	

        .intro__video {  width: 500px; height: 250px; background-color: #ffffff; }
	 
        .intro__video2 {  width: 500px; height: 281px; background-color: #ffffff; border: 2px solid #666666; }
	 
}