blockquote {
    color: white;
    font-family: 'Shadows Into Light', cursive;
    font-style: ;
    font-size: 32;
    line-height: 100%;

}

h1 {
    color: white;
    font-family: 'Roboto', cursive;
    font-style: bold;
    font-size: 38;
    line-height: 100%;
}
 

h2 {
    color: white;
    font-family: 'Bangers', cursive;
    text-shadow: 8px 8px 8px #000000;
    font-size: 88px;
    line-height: 100%;
}

h7 {
    color: white;
    font-family: 'Pompiere', cursive;
    /*text-shadow: 3px 3px 3px #000000;*/
    font-size: 46px;
    line-height: 100%;
}

.h7 {
    color: white;
    font-family: 'Pompiere', cursive;
    /*text-shadow: 3px 3px 3px #000000;*/
    font-size: 46px;
    line-height: 100%;
    margin: auto;
}


h3 {
    color: white;
    font-family: 'Rammetto One', cursive;
    font-weight:700;
    font-style: ;
    font-size: 66px;
    line-height: 100%;
	}

h4 {
    color: 555555;
    font-family: 'Caveat', cursive;
    font-weight:normal;
    font-size: 200%;
    line-height: 100%;
	}


h5 {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-style: bold;
    font-size: 24px;
    line-height: 110%;
    text-shadow: 2px 2px 2px #000000;
}


h6 {
color: white;
    /*color: #1a76ff;*/
    font-family: 'Shadows Into Light', cursive;
    font-weight:normal;
    font-size: 200%;
    line-height: 100%;
	}


p {
    color: white;
    font-family: arial;
    font-style: bold;
    font-size: 100%;
    line-height: 110%;
}

.menu-item {
    font-color: white;
    font-family: arial;
    font-style: ;
    font-size: 100%;
    line-height: 100%;
    text-decoration:none;yhteystiedot.html
}


a:hover {
    background-color: #990000;
}

blockquote {
    color: white;
    font-family: 'Shadows Into Light', cursive;
    font-style: ;
    font-size: 32;
    line-height: 100%;

}

.button {
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
}

.button1 {
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 4px;
    background-color: #82A529;
    font-size: 14px;
}

.button2 {
font-family: arial;
    font-style: ;
    font-size: 100%;
    line-height: 100%;
color: white;
text-decoration: none; 
    padding: 0px;
    display: inline-block;
	border-radius: 2px;
	background-color: #000000;
    margin: 6px 6px;
    font-size: 16px;
}

.button2F {
font-family: arial;
    font-style: ;
    font-size: 100%;
    line-height: 100%;
color: white;
text-decoration: none; 
    width:100%;
    padding: 8px;
    display: inline-block;
	border-radius: 2px;
	background-color: #000000;
    margin: 4px 4px;
    font-size: 16px;
}




.button3 {
	border-radius: 0px;
	background-color: #000000;
        margin: 8px 2px;
    font-family: 'Alex Brush', cursive, Arial;
    font-size: 24px;
}

.button4 {
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 4px;
    background-color: #CB4332;
    font-size: 14px;
}

.button5 {
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 4px;
    background-color: #3366cc;
    font-size: 14px;
}

.button5B {
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 4px;
    background-color: #376C62;
    font-size: 14px;
}


/* LAYOUT ALKU */

body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    background-color: #000000;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
	background-position: center;
}

	#wrapper {
    	width: 100%;
    	margin: 0px;
    	padding: 0px;
    	overflow-x: hidden;
    	background-color: #000000;
    	overflow: hidden;
		}	

	#col-M {
    	left: 0px;
		width: 100%;
		padding: 0px;
    	background-color: #000000;
		}

	#col-0 {	 
    	left: 0;
		width: 100%;
    	background-color: #000000;
		padding: 8px;
		}

    #col-SPACE {
        left: 0;
        background: url('https://www.musiikkimatka.fi/w-images/space16_9.jpg')no-repeat fixed;
background-size: 1600px 800px;
	    background-position: right top;
	    width: 100%; 
	    height: 70%  ;	
	    padding: 5px;
	    overflow: hidden;
	 	}

    #col-lehma {
        left: 0;
        background: url('https://www.musiikkimatka.fi/w-images/sateenvarjo-lehma.jpg') repeat fixed;
        background-position: center;
	    background-size: fixed;
	    overflow: hidden;
	padding: 5px;
	     	
	 	}

    #col-syksy {
        left: 0;
        background: url('https://www.musiikkimatka.fi/w-images/litinoita_latinoita_OK_OK.jpg') repeat fixed;
        background-position: center;
	    background-size: fixed;
	    overflow: hidden;
		padding: 5px;
	     	
	 	}

    #col-syksy-kummitus {
        left: 0;
        background: url('https://www.musiikkimatka.fi/w-images/3-kummxcf.jpg') repeat fixed;
        background-position: top;
	    background-size: fixed;
	    overflow: hidden;
		padding: 5px;
	     	
	 	}




    #col-lehma-frame {
        left: 0;
        background: url('https://www.musiikkimatka.fi/w-images/sateenvarjo-lehma.jpg')no-repeat fixed;
        background-position: center;
	    background-size: cover;
	    overflow: hidden;
	    height: 50%  ;
	     	
	 	}

#RUUTU-INNER
{
width: 70%;
}


    #col-1BLA {
        left: 0;
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2017/11/lehma_nomoon_better.jpg')repeat fixed;
	   	    background-color: #000000;
	    background-position: bottom;
	    width: 100%; 	
	    padding: 5px;
	    overflow: hidden;
	 	}


	#col-TELTTA {
        left: 0;
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2017/11/maja_stars_smll.jpg')no-repeat fixed;
        background-position: center;
	    background-size: cover;

	    padding: 20px;
	    overflow: hidden;
	    background-color: #000000;
	 	} 


    #col-VIHREA {
        left: 0;
	    padding: 18px;
	    /*background-color: #A3C002;*/
	    background-color: #7a9d00;
	    overflow: auto;
     	}
     	
     #col-2B {
        left: 0;
	    padding: 18px;
	    background-color: #4A264C;
		/*#D102B2*/
	    overflow: hidden;
     	}

     #col-2C {
        left: 0;
	    padding: 18px;
	    background-color: #D102B2;
	    overflow: auto;
     	}

     #col-2D {
        left: 0;
	    padding: 18px;
	    background-color: #00447A;
	    overflow: auto;
     	}
     	

     #col-TUMMA-SIN {
        left: 0;
	    padding: 18px;
	    /*background-image: linear-gradient(to bottom, #055C92, #4BC3DB);*/
	    background-color: #055C92;
	    overflow: auto;
     	}
/*#4A264C ihqn jees väri*/

      #col-2E {
        left: 0;
	    padding: 18px;
	    background-color: #000000;
	    overflow: auto;
     	}    	

      #col-ORANSSI {
        left: 0;
	    padding: 18px;
	    /*background-color: #E67E00;*/
	    background-color:#F27C1E;
	    overflow: hidden;
     	}  

      #col-CANDYBLUE {
        left: 0;
	    padding: 18px;
	    /*background-color: #E67E00;*/
	    background-color:#188897;
	    overflow: hidden;
     	}


    #col-2Y {
        left: 0;
	    padding: 18px;
	    background-color: #E496C8;
	    overflow: auto;
     	}


    #col-VARIRAIDAT {
        right: 0;
	height: 100%;
	padding: 0px;
	background: repeating-linear-gradient(
	  to right,
	  #F4D830,
	  #F4D830 100px,
	  #DE3728 100px,
	  #DE3728 200px,
	  #4F92B3 100px,
	  #4F92B3 300px
)

}

    #col-SIRKKA {
        left: 0px;
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/sirkka_blur_dark.jpg')no-repeat fixed;
background-size: cover;
	    background-position: center;
	    padding: 20px;
	    overflow: hidden;
        background-color: #005293;
        }
        
            #KOLMEKUMMITUSTA {
        left: 0px;
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/3KUKMMITUSTA_BLUR.jpg')no-repeat fixed;
	    background-size: cover;
	    background-position: center;
	    padding: 20px;
	    overflow: hidden;
	    height: 100%;
        background-color: #000000;
        }



        
            #col-3BLA {
        left: 0px;
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2018/01/duurinmollin_talo.jpg')no-repeat fixed;
	    background-size: cover;
	    background-position: center;
	    padding: 20px;
	    overflow: hidden;
        background-color: #000000;
        }

                    #col-3C {
        left: 0px;
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2018/01/vesikasvit_dark.jpg')no-repeat fixed;
	    background-size: cover;
	    background-position: center;
	    padding: 20px;
	    overflow: hidden;
        background-color: #000000;
        }
        


    #col-SYKSY-BLUR {
        /*background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2017/11/maja_stars_smll.jpg')no-repeat fixed;*/
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/syksy_blur.jpg')no-repeat fixed;	    
	background-size: cover;
	    background-position: center;
        left: 0px;
	    padding: 18px;
	    overflow: hidden;
        background-color: #000000;
        }

   #col-BOKEH1 {
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/BOKEH_1.jpg')no-repeat fixed;
	background-size: cover;
	background-position: center;
  	display: flex; 
  	justify-content: center;
	align-items: center
        left: 0px;
	padding: 40px;
	overflow: hidden;
        background-color: #14293a;
	height: 70%;
	        }


   #col-BOKEH2 {
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/kaleidos_3.jpg')no-repeat fixed;
	background-size: cover;
	background-position: center;
  	display: flex; 
  	justify-content: center;
	align-items: center
        left: 0px;
	padding: 40px;
	overflow: hidden;
        background-color: #14293a;
	height: 100%;
	        }

   #col-BOKEH3 {
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/KALEIDOS3.jpg')no-repeat fixed;
	background-size: cover;
	background-position: center;
  	display: flex; 
  	justify-content: center;
	align-items: center
        left: 0px;
	padding: 40px;
	overflow: hidden;
        background-color: #14293a;
	height: 70%;
	        }


   #col-BOKEH4 {
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/BANNER_CLOSE.jpg')no-repeat fixed;
	background-size: cover;
	background-position: center;
  	display: flex; 
  	justify-content: center;
	align-items: center
        left: 0px;
	padding: 40px;
	overflow: hidden;
        background-color: #14293a;
	height: 70%;
	        }



	/*#75BFE6/*/
	#kummitukset {
	background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2018/09/transparancy.png')repeat fixed;
	/*background-color: #162739;*/ 
	/*opacity: 0.7;*/
	width: 60%; 
	padding: 20;"
	border-radius: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 20px;
	width: 60%;
		}



    #col-RANNALLA {
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2019/03/rannalla_blur.jpg')no-repeat fixed;
	    background-size: cover;
	    background-position: center;
        left: 0px;
	    padding: 20px;
	    vertical-align: middle;
	    overflow: hidden;
        background-color: #14293a;
        }

    #KUVASHOW {

	    background-size: contain;
	    background-position: top;
            left: 0px;
	    height: 100%;
	    width: 100%;
	    padding: 0px;
	    
	    overflow: hidden;
        background-color: #14293a;
        }

   #col-RUUTU {
        background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2018/09/ruutupaperi.jpg') repeat fixed;
	    background-size: fixed;
	    background-position: top;
        left: 0px;
	    padding: 20px;

	    overflow: hidden;
        background-color: #14293a;
	        }



    #col-5 {
        left: 0px;
	    overflow: hidden;
        background-color: #990000;
	    padding: 5px;
        }

    #col-F {
		height: 800px;
		}

	/*#75BFE6/*/
	#tanssittavat {
	background-color: #E77900; 
	border-radius: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 40px;
	width: 50%;
		}



/* ok ruskea #5e1512*/
	#tanssittavat3 {
	background-color: #055C97; 
	border-radius: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 40px;
	width: 50%;
		}

	#kummituksetOK {
		background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2018/09/transparancy.png')repeat fixed;

	border-radius: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 40px;
	width: 50%;
		}


/*#75BFE6/*/
#tanssittavat2 {
background-color:#3F841B;
border-radius: 20px; 
margin-left: auto; 
margin-right: auto; 
padding: 40px;
width: 50%;
		}

iframe {
width: 70%;
 height: 50%;
 scrolling: no;
 frameborder: no;
}


.flex-container {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
width: 60%;
  /*background-color: #3366cc;*/
}

.flex-container>div {
  /*background-color: #f1f1f1;*/
  margin: 10px;
  /*padding:20px;*/
  
}

.flex-container-K {
  	display: flex;
 	flex-wrap: wrap; 
  	justify-content: center;
	align-items: center;
	width: 90%;
  /*background-color: #3366cc;*/
}

.textwidget {
width: 50%;
}

#flextxt {
width: 40%; 
padding:20px;"
}

#sanottua {
width: 60%; 
padding:20px;"
}

/* LAYOUT LOPPU */



/*∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭ RESPONSIBLE STUFF ∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭∭*/


@media all and (max-width: 800px) {

h1 {

    font-size: 30px;

	}

h2 {
    /*color: white;
    font-family: 'Alex Brush', cursive;
    font-style: bold;*/
    font-size: 60px;
    /*word-break: break-all;*/
    /*line-height: 100%;*/
	}

#RUUTU-INNER
{
width: 90%;
}


.wide-image {
width: 90%;
}

#c1table td {
     padding: 10px;
    }



#col-0 {
	    display: none;
		}

    #col-1 {


	    /*background-size: cover;*/
	    background-position: top;

	 	}


 #col-BOKEH1 {
	height: 90%;
	        }


 #col-BOKEH2 {
	height: 100%;
	        }


 #col-BOKEH3 {
	height: 90%;
	        }

 #col-BOKEH4 {
	height: 90%;
	        }

/*#75BFE6/*/
#tanssittavat {

border-radius: 20px; 
margin-left: auto; 
margin-right: auto; 
padding: 10px;
		width: 90%;
		}



/*#75BFE6/*/
#tanssittavat2 {
background-color:#3F841B;
border-radius: 20px; 
margin-left: auto; 
margin-right: auto; 
padding: 10px;
		width: 90%;
		}


/*#75BFE6/*/
#tanssittavat3 {
background-color:#5e1512;
border-radius: 20px; 
margin-left: auto; 
margin-right: auto; 
padding: 10px;
		width: 90%;
		}

	#kummituksetOK {

	padding: 10px;
	width: 85%;
		}


iframe {
width: 90%;
 height: 60%;
}

.flex-container-K {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
width: 100%;
  /*background-color: #3366cc;*/
}

.flex-container {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
width: 100%;
  /*background-color: #3366cc;*/
}

.textwidget
{
width: 95%;
}

#flextxt {
width: 100%; 
padding:10px;"
}

	#kummitukset {
	background: url('https://www.musiikkimatka.fi/wp/wp-content/uploads/2018/09/transparancy.png')repeat fixed;
	/*background-color: #162739;*/ 
	/*opacity: 0.7;*/
	width: 60%; 
	padding: 20;"
	border-radius: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px;
	width: 100%;
		}

#sanottua {
width: 90%; 
padding:20px;"
}

/*ei tämän alle*/
}

@media all and (min-width: 800px) {

#col-M {
    display: none;
	}

#col-F {
	display: none;
	}
}

/* RESPONSIBLE STUFF LOPPU*/