* { margin: 0; padding: 0; }
		
		html { background: url(bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
		
		#content { width: 610px; overflow: hidden; opacity: 0.9; border-radius: 5px; margin: 35px auto; padding: 10px 10px 10px 10px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
		#title { width: 610px; opacity: 0.9; border-radius: 0px; margin: 30px auto; padding: 3px 15px 20px 15px; }
		#copyright { width: 610px; margin: -30px auto; font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: normal; color: white; text-align: right; text-shadow: 2px 2px 1px rgba(0, 0, 0, 1); }
		#xbit { width: 610px; margin: 5px auto; }
		#fb { float: right; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 20px 0px 0px 0px; }
		p { font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 5px 5px 15px 5px;  }
		p.outp { font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 35px 0px 20px 0px; }
        p.outp-ad { display: unset; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 35px 0px 20px 0px; }
		li { font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 10px 10px 15px 20px;  }
		h1 { font-family: 'Righteous', sans-serif; color: #fff; font-size: 59px; position: absolute; margin: -30px 0px 0px 0px; text-shadow: 4px 4px 9px rgba(0, 0, 0, 1); }
		h2 { font-family: 'Open Sans', sans-serif; font-size: 23px; margin: 10px 5px 0px 5px; }
		h3 { font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 10px 5px 0px 5px; }
		a:link { color: #408610; font-weight: bold; text-decoration: none; }
		a:visited { color: #408610; }
		a:active { color: #408610; }
		a:hover { color: #f13d3a; }
		a.outa { background: #62af2d; color: #fff; font-size: 18px; margin-top: 10px; margin: 5px 5px 15px 5px; padding: 15px 40px 15px 20px; border-radius: 5px; display: inline-block; }
		a.outa:hover { background: #408610; color: #fff; border-radius: 5px; }
		#logo { width: 610px; margin: 13px 0px 0px 0px; }
		img.right { max-width: 300px; float: right; margin: 5px 5px 5px 20px; border-radius: 5px; }
		img.left { max-width: 300px; float: left; margin: 5px 20px 5px 5px; border-radius: 5px; }
		#header { width: 630px; height: 102px; opacity: 1; float: left; margin: -29px 0px 0px 0px;}
		#header_mobile { display: none; }
		#ad-w { display: none; }
		#ad-m { max-width: 100%; margin: 20px 0px 0px 0px; border-radius: 5px; }
		#ad-n { display: none; }
        #ad-right { display: none; /* position: relative; float: right; margin-top: -30px; */ }
        .ad-right { max-width: 70px; margin-left: 5px; }
        .ad-right-mobile { display: none; }
	img.sympaatti { position: absolute; width: 95px; margin-left: 520px; margin-top: -95px; }

        @media screen and (min-width: 760px)
        {
            #ad-right { display: unset; position: fixed; right: 3px; top: 5px; margin-top: 0px; }
            .ad-right { max-width: 60px; }
        }

        @media screen and (min-width: 800px)
        {
            #ad-right { display: unset; position: fixed; right: 5px; top: 5px; margin-top: 0px; }
            .ad-right { max-width: 75px; }
        }