.w4-menu-gradient	{  background: linear-gradient(to right, #003300 7%, #00a170 85%);}
.w4-gold	{  background: linear-gradient(to right, #bf9000 7%, #663300 85%);} 
.w4-red		{  background: linear-gradient(to bottom right, #b82a00 7%, #440000 85%);} 
.w4-violet	{  background: linear-gradient(to right, #9900cc 7%, #400040 85%);}  
.w4-blue 	{  background: linear-gradient(to bottom right, #3397ff 7%, #0000aa 85%);}  
.w4-green   {  background: linear-gradient(to right, #265728 7%, #003300 85%);} 
.w4-pink   	{  background: linear-gradient(to right, #f064b0 7%, #7a3046 85%);}  

.w4-gold-calendar	{color:#ffffff ; background: linear-gradient(to bottom right, #bf9000 7%, #663300 85%);} 
.w4-red-calendar	{color:#ffffff ; background: linear-gradient(to bottom right, #b82a00 7%, #440000 85%);} 
.w4-violet-calendar	{color:#ffffff ; background: linear-gradient(to bottom right, #9900cc 7%, #400040 85%);}  
.w4-blue-calendar 	{color:#ffffff ; background: linear-gradient(to bottom right, #3397ff 7%, #0000aa 85%);}  
.w4-green-calendar  {color:#ffffff ; background: linear-gradient(to bottom right, #265728 7%, #003300 85%);} 
.w4-pink-calendar  	{color:#ffffff ; background: linear-gradient(to bottom right, #f064b0 7%, #7a3046 85%);}  

/*own styles*/
.w4-clicked-white{color:#000!important;background-color:#fff!important}
.w4-section{color:#000;}
/*responsive styles*/
.w4-lr-margins{margin-left: 50px; margin-right: 50px; }
.yt-size { width: 65%; height: 300px;}
.map-size {height:480px;}
.w4-huge-margin-top {margin-top:50px;}
@media (max-width:768px){
.w4-lr-margins{margin-left: 10px; margin-right: 10px; }
.yt-size { width: 90%; height: 180px;}
.map-size {height:350px;}
.w4-huge-margin-top {margin-top:20px;}
}
/*
<!-- 0px;background: linear-gradient(to right, #003300 7%, #00b37d 67% -->
<!--  w3-black  style=" background: linear-gradient(to right, #101010 7%, #707070 89%);"-->
*/