@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400&display=swap');

:root {
--black: 0,0,0;
--buttonGreen: 20,155,20;
--darkGreen: 0,43,50;
--orange: 225,135,35;
--white: 255,255,255;
}

BODY {font-family: 'Spartan', sans-serif; text-align: center;}

P {text-align: center; margin-left: 24px; padding-top: 8px; font-size: 0.8rem; line-height: 1.4rem;}

#Container {height: 120px; color: #FFF;background-color: rgba(25,27,27,1.0); text-align: center; border-radius: 4px; cursor: pointer;}
#Container IMG {float: left; width: 15%; margin-left: 12px;}
#Container AUDIO {width: 75%; padding-bottom: 12px;}

.GreenBtn {background: rgba(var(--buttonGreen),1.00); font-size: 0.8rem; color:#FFF; padding: 8px; cursor: pointer; display: inline-block;}
.smallprint {font-size: 0.7rem;}

/* Desktops and laptops. iPad portrait ----------- */
@media only screen 
and (min-width: 1025px)
and (max-width : 1279px) {
	

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px)
and (max-device-width: 1024px) {


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 767px) {

#Container IMG {display: none;}
#Container AUDIO {width: 98%;}

.GreenBtn {width: 96%; padding: 4px; margin: 0; font-size: 0.7rem;}

}