/*    muotoilutiedosto - Profetia    */

body              { margin: 0; padding: 0; font-family: 'IBM Plex Serif', 'Georgia', 'Cambria', serif; inline: unset;
                    background-image: url(''); background-repeat: repeat; background-size: 100% 720px;  }

h1, h2, h3, h4, h5, h6, h7 {  font-weight: bold; padding-top: 2em; margin: 0px; text-align: left; }

h1                { font-size: 2em; }
h2                { font-size: 2em; }
h3                { font-size: 1.5em; }
h4                { font-size: 1.00em; }

p                 { font-size: 17px; line-height: 1.6; padding-top: 1em; margin: 0px; }

a                 { color: #505050; text-decoration: none; }

img               { float: right; width: 100%; margin-bottom: 10px; border-radius: 100%; }

.rajaus           { max-width: 950px; margin-right: auto; margin-left: auto; padding: 0 0 0 0; border: 0px solid;  }

.kuva_ja_teksti .rajaus { position: relative; max-width: 950px; text-align: left; }

@media            ( max-width:700px) { #menu a { float: none; border-bottom: 1px solid; margin: 0px; }}

.kuva_ja_teksti   { background-image: url(''); background-size: 100% 100%; text-align: right; overflow: hidden; position: relative;
                    background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-attachment: relative; }

.kuva_ja_teksti p { width: 50%; max-width: 400px; float: right; margin-right: 4%; font-size: 1.2em; padding: 20px; display: block;
                    position: absolute; top: 120px; right: 0px; text-align: center; border-left: 6px solid; border-right: 6px solid; border-radius: 26px; line-height: 1.4; text-shadow: 1px 2px 0px rgba(10,10,10,0.5); font-weight: 500; }

.kuva_ja_teksti img { height: auto; width: 100%; border-radius: 0px; }

.kuva             { float: right; width: 33%; padding: 1em; }

.kuva p           { font-size: 80%; display: block; text-align: center; } /* kuvateksti */

@media            ( max-width:700px) { .kuva { width: 40%; }}

.teksti           { padding: 1px 4% 1px 4%; text-align: left; }

.teksti-2         { padding: 1px 4% 1px 4%; text-align: left; font-weight: bold; }

p.sitaatti        { text-align: left; font-style: italic; font-size: 1em; letter-spacing: 0px; }

p.selitys         { font-size: 0.9em; line-height: 1.6; padding: 0.5em 1em 0.5em 1em; margin: 1em 0em 1em 0em; border-left: 1px solid; border-radius: 9px; }

p.selitys:before  { content: ""; }

.lumiini          { padding: 0.5em 1em 0.5em 1em;  }

.lumiini p, .lumiini a { text-align: right; padding: 0px; font-size: 1em; }

.nappi_1          { display: inline-block; padding: 0px; margin-bottom: 3em; margin-top: 3em;
                    font-size: 1em; border: 2px solid; padding: 13px 20px 13px 20px; border-radius: 1px 18px 1px 18px; }

.nappi_1 img      { width: 10px; height: 18px; vertical-align: middle; margin-right: 7px; }

.nappi_1 a        { text-decoration: none; border-bottom: none; }

@media (max-width:800px)    { .kuva_ja_teksti p { font-size: 1.1em; }}
@media (max-width:700px)    { .kuva_ja_teksti p { font-size: 1.0em; }}
@media (max-width:1000px)   { .kuva_ja_teksti img { height: 400px; width: 1074px; }}
@media (max-width:700px)    { p { font-size: 16px; }}
@media (max-width:900px)    { body { background-image: none; }}