/* menu css */

#menu {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}

#menu,
#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu li {
    float: left;
    position: relative;
}

#menu li ul {
    position: absolute;
    margin-top: 0;
    margin-left: 10%;
    display: none;
}

#menu ul li ul,
#menu ul ul li ul {
    margin-top: -20%;
    margin-left: 80%;
}

/* show submenu 1 */

#menu li:hover ul {
    display: block;
}

#menu li:hover ul ul {
    display: none;
}

/* show submenu 2 */

#menu ul li:hover ul {
    display: block;
}

#menu ul li:hover ul ul {
    display: none;
}

/* show submenu 3 */

#menu ul ul li:hover ul {
    display: block;
}

/* menu link css */

#menu a {
    display: block;
    background: transparent;
    color: #006699;
    text-decoration: none;
    padding: 1em 1em 0.5em 1em;
    border-bottom: 0.25em solid #56a8d8;
}
#menu a:hover {
    /* background: #999; */
    border-bottom-color: #006699;
    color: #56a8d8 !important;
}
#menu a.currentpage:hover {
    color: #069 !important;
}
#menu ul {
    background: #fff;
    border: 1px solid #999;
    width: auto;
}
#menu ul li {
  display: block;
  width: 100%;
}
#menu ul a {
    background: #fff;
    color: #000;
    font-size: 1em;
    width: 100%;
    margin: 0;
    padding: 0.5em;
    border-bottom: 1px solid #eee;
}
#menu ul a:hover {
}
.currentpage {
    background: #56a8d8 !important;
    color: #fff !important;
    border-bottom-color: #56a8d8 !important;
}

/* menu z-index */

#menu {
    z-index: 1000;
}

#menu ul {
    z-index: 2000;
}

#menu ul ul {
    z-index: 3000;
}

#menu ul ul ul {
    z-index: 4000;
}

@media screen and (max-width: 960px) {    

    /* menu link css */

    #menu a {
        padding: 15px 15px;
    }

}

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

    /* mobile menu css */
    
    #nav-mobile {
        padding: 15px;
    }
    
    #nav-mobile:before {
        content: "Valitse sivu...";
    }
    
    #menu {
        display: none;
        border: 1px solid #999;
    }
    
    #menu-mobile:hover #menu {
        display: block;
    }

    /* menu css */
    
    #menu li {
        float: none;
    }
    
    #menu li ul,
    #menu ul li ul,
    #menu ul ul li ul {
        position: relative;
        margin-top: 0;
        margin-left: 0;
        display: block;
    }
    
    #menu li:hover ul ul,
    #menu ul li:hover ul ul {
        display: block;
    }
    
    #menu ul {
        width: 100%;
        border: 0;
    }

    /* menu link css */
    
    #menu li a {
        background: #fff;
    }
    
    #menu ul a {
        width: 100%;
        padding: 15px 10%;
    }
    
    #menu ul li ul a {
        width: 100%;
        padding: 15px 15%;
    }
    
    #menu ul li ul ul a {
        width: 100%;
        padding: 15px 20%;
    }

}
/* Stylesheet: menu-insto Modified On 2016-01-27 16:51:28 */
/* body css */

html,
body {
    height: 100%;
}
@font-face {
  font-family: 'cachetstd-book';
  src: url('../../uploads/fonts/cachetstd-book.woff') format('woff'),
       url('../../uploads/fonts/cachetstd-book.ttf') format('truetype');
}

body {
    background: url('http://www.instorvinen.fi/uploads/grid1200/images/back.jpg') #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 82.5%;
    font-weight: 300;
    line-height: 1.65em;
    -webkit-text-size-adjust: 100%;
    display: table;
    width: 100%
}

/* headings and paragraph margin css */

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0.5em 0.5em 0.5em 0;
}

/* headings css */

h1 {
    margin-left: 0;
    font-size: 1.6em;
    font-weight: 400;
    color: #39c;
}

h2 {
    font-size: 1.4em;
    font-weight: 400;
    color: #000;
}

h3 {
    font-size: 1.3em;
    font-weight: 400;
    color: #333;
}

h4 {
    font-size: 1.2em;
    font-weight: 400;
    color: #000;
}
    
h5 {
    font-size: 1.1em;
    font-weight: 400;
    color: #666;
}

h6 {
    font-size: 1em;
    font-weight: 400;
    color: #000;
}

/* list css */

ul {
    list-style-type: disc;
    margin: 1em 3em;
}

ol {
    list-style-type: decimal;
    margin: 1em 3em;
}

ul li,
ol li {
    display: list-item;
}

/* link css */

a {
    color: #39c;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: #39c;
}

a:hover {
    color: #006699;
    text-decoration: underline;
}

a:active {
    color: #666;
}

/* elements css */

strong,
b {
    font-weight: 400;
}

em,
i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

/* form css */

.form {
    margin: 1em;
}

.form h1,
.form h2,
.form h3,
.form h4,
.form h5,
.form h6,
.form p {
    margin: 1em 0;
}

.form input {
    border-radius: 0;
}

.form select {
    border-radius: 0;
    -webkit-appearance: none;
}

.form input,
.form textarea,
.form button,
.form select {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 300;
}

.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form input[type=password],
.form select,
.form textarea {
    padding: 0.5em;
    background: #fff;
    border: 1px solid #999;
}

.form input[type=radio],
.form input[type=checkbox] {
    margin-top: 1em;
}

.form input[type=submit],
.form input[type=reset] {
    margin-top: 1em;
    padding: 0.75em;
    background: #999;
    color: #fff;
    border: 0;
}

.form input[type=submit]:hover,
.form input[type=reset]:hover {
    background: #666;
}
div.error_message {
  color: #f00 !important;
}
.pakollinen {color: #f00;}

/* table css */

table {
    width: 96%;
    margin: 1em 2%;
    border-spacing: 0;
    border-collapse: collapse;
}

table th {
    font-weight: 400;
    padding: 0.75em;
    border: 1px solid #999;
    background: #efefef;
}

table td {
    padding: 0.75em;
    border: 1px solid #999;
}

/* content css */

header {
    background: transparent url('http://www.instorvinen.fi/uploads/images/bg-header2.jpg') no-repeat 0 0; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    border-bottom: 1px solid #999;
    padding-top: 1em;
}
header .content, header .section, header .one-column {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
header .two-column {
  margin-top: 0;
  margin-bottom: 0;
}
img#logo {
  margin: 0 0 1em 0;
  width: auto;
}
.puhelin, .tarjouspyynto {
  margin-top: 0;
  padding-top: 0;
  margin-right: 0;
}
.puhelin {
  background: url('../../uploads/images/backgrounds/puhelin.png') 0 0 no-repeat;
  background-size: auto 100%;
  line-height: 1.5em;
  font-size: 3em;
  color: #3399cc;
  margin-top: 10%;
  padding-left: 1.75em;
  font-weight: bold;
  float: right;
}
.tarjouspyynto {
  padding-top: 0;
  margin-top: -0.3em;
}
a.tarjouspyynto {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;
    padding: 1em;
    float: right;
    background: #be100a;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
a.tarjouspyynto:hover {
    background: #dc3731;
    text-decoration: none;
}
a.tarjouspyynto:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

main {
    display: table-row;
    height: 100%;
}
p {
  font-size: 1.15em;
}
div.ingressi h1 {
  font-family: cachetstd-book;
  font-size: 7em;
  font-weight: bold;
  line-height: 1em;
  color: #3399cc;
  text-align: center;
  margin: 0.25em 0; 
  text-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 1px 1px #eee, -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee;
}
#etusivu div.ingressi h1 {
  color: #fff;
  text-align: center;
  margin: 0.25em auto;  text-shadow: 1px 0 0 #777, -1px 0 0 #777, 0 1px 0 #777, 0 -1px 0 #777, 1px 1px #777, -1px -1px 0 #777, 1px -1px 0 #777, -1px 1px 0 #777;
}
div.ingressi p {
  font-size: 4em;
  font-weight: bold;
  line-height: 1em;
  color: #be100a;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  color: #111;

  text-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 1px 1px #eee, -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee;
/*
  text-shadow: 1px 0 0 #111, -1px 0 0 #111, 0 1px 0 #111, 0 -1px 0 #111, 1px 1px #111, -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111;
*/
}
div.palautteet {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25em;
  background: #3399cc url('../../uploads/images/backgrounds/lainausmerkki.png') left center no-repeat;
  color: #fff;
  text-align: left;
  padding-left: 17.5%;
}
div.palautteet .suosittelija {
  font-size: 0.9em;
  font-weight: normal;
}
div.laatikko-1, div.laatikko-2, div.laatikko-3, div.laatikko-1-2, div.laatikko-2-2 {
  border: 1px solid #999;
}
div.laatikko-1 h2, div.laatikko-2 h2, div.laatikko-3 h2, div.laatikko-1-2 h2, div.laatikko-2-2 h2 {
  margin: 11em 0 0 0;
  font-size: 2em;
  font-weight: bold;
  color: #be100a;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  letter-spacing: 2px;
  text-align: center;
  border-bottom: 2px solid #333;
  background: rgb(255, 255, 255); /* Fall-back for browsers that don't
                                    support rgba */
  background: rgba(255, 255, 255, .8);
  text-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 1px 1px #eee, -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee;
}
div.laatikko-1 p, div.laatikko-2 p, div.laatikko-3 p, div.laatikko-1-2 p, div.laatikko-2-2 p {
  color: #000;
  background: rgb(255, 255, 255); /* Fall-back for browsers that don't
                                    support rgba */
  background: rgba(255, 255, 255, .8);
  margin: 0;
  padding: 1em 1em 0 1em;
}
div.laatikko-1 p a, div.laatikko-2 p a, div.laatikko-3 p a, div.laatikko-1-2 p a, div.laatikko-2-2 p a {
  display: block;
  width: 8em;
  margin: 1em auto 0 auto;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #3399cc;
  font-weight: bold;
  font-size: 1em;
  border: 1px solid #999;
  background: #fff;
  padding: 0.5em;
}
div.laatikko-1 p a:hover, div.laatikko-2 p a:hover, div.laatikko-3 p a:hover, div.laatikko-1-2 p a:hover, div.laatikko-2-2 p a:hover  {
  color: #fff;
  background: #3399cc;
}
div.laatikko-1 p:last-child, div.laatikko-2 p:last-child, div.laatikko-3 p:last-child, div.laatikko-1-2 p:last-child, div.laatikko-2-2 p:last-child  {
    padding-bottom: 2em;
} 
div.laatikko-1 {
  background: url('../../uploads/images/backgrounds/remontit-tausta.jpg') 0 0 no-repeat;
  background-color: #eee;
  background-size: cover;
}
div.laatikko-2 {
  background: url('../../uploads/images/backgrounds/suunnittelu-tausta.jpg') 0 0 no-repeat;
  background-color: #eee;
  background-size: cover;
}
div.laatikko-3 {
  background: url('../../uploads/images/backgrounds/myymala-tausta.jpg') 0 0 no-repeat;
  background-color: #eee;
  background-size: cover;
}
div.laatikko-1-2 {
  background: url('../../uploads/images/backgrounds/remontit-tausta.jpg') 0 0 no-repeat;
  background-color: #eee;
  background-size: cover;
}
div.laatikko-2-2 {
  background: url('../../uploads/images/backgrounds/saunaremontit-tausta.jpg') 0 0 no-repeat;
  background-color: #eee;
  background-size: cover;
}

.ajankohtaista h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #3399cc;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-left: 0;
  letter-spacing: 1px;
  border-bottom: 2px solid #333;
  margin-left: 0;
  margin-right: 0;
}
.ajankohtaista h3 {
  font-size: 1.1em;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  text-transform: uppercase;
}
.ajankohtaiset h3 {
  font-size: 1.1em;
  text-transform: uppercase;
}
.ajankohtaista p.NewsSummaryPostdate {
  color: #be100a;
  font-size: 0.95em;
  margin-top: -0.25em;
  margin-left: 0;
  padding-top: 0;
}
.ajankohtaiset p.NewsSummaryPostdate {
  color: #be100a;
  font-size: 0.95em;
  margin-top: -0.75em;
}
.ajankohtaista p {
  margin-left: 0;
}
.NewsSummaryMorelink a {
  color: #3399cc;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}
.NewsSummaryMorelink a:hover {
  color: #2266aa;
  border-bottom: 1px solid;
}
.NewsSummaryContent {
  margin-bottom: 3em;
}
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important;
    margin: 0 auto;
    float: right;
}
#kuvagalleria .fb-like {clear:both; margin-top: 5em; margin-bottom: 1em; }
div.koko img {
  width: auto;
  height: auto;
  max-width: 40%;
}
div.oikea {
  margin-top: 1.8em;
}
#ajankohtaista .oikea {
  margin-top: 10px;
}
div.oikea img {
  width: auto;
  height: auto;
  margin: 1em 0;
  max-width: 100%;
}
.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
.google-maps iframe
{
        margin: 1em 1.05em;
        position: absolute;
        top: 0;
        left: 0;
        width: 90% !important;
        height: 90% !important;
}
.formbuilderform {
  margin-left: 0.5em;
  width: 50%;
}
.formbuilderform h2 {
  font-size: 1.2em;
  color: #3399cc;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-left: 0;
  letter-spacing: 1px;
  margin: 1em 0 0 0;
}

footer {
    display: table-row;
    height: 1px;
    background: #fff;
    outline: 1px solid #999;
}
footer p.kotisivut {
    font-size: 0.85em;
    color: #aaa;
}
footer p.kotisivut a {
   color: #639fbd;
}
footer p.kotisivut a:hover {
   color: #3399cc;
}
header .three-column,
header .two-third-column,
footer .four-column,
footer .one-column {
    border: 0;
}

header .three-column h6 {
    text-align: right;
}
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 50px;
  margin: 1em 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 2.5em;
  line-height: 1.25;
  color: #999;
  text-align: left;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #56a8d8;
  border-right: 2px solid #56a8d8;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201d"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #56a8d8;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #3399cc;
  cursor: pointer;
  padding: 0 3px;
  color: #000;

}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}
footer .one-column {
    text-align: center;
}
div.slider-wrapper {
  padding-top: 1em;
  padding-bottom: 0.25em;
}
.one-column,
.two-column,
.three-column,
.three-column-close,
.two-third-column,
.four-column,
.one-fourth-column,
.two-fourth-column,
.three-fourth-column,
.six-column,
.five-sixth-column {
    background: transparent;
    border: none;
}

@media screen and (max-width: 1024px) {
.puhelin {
    font-size: 2.25em;
}
}

@media screen and (max-width: 800px) {
img#logo {
  max-width: 600px;
}
div.ingressi h1 {
  font-size: 3em;
  line-height: auto;
}
div.ingressi p {
  font-size: 2em;
} 
div.laatikko-1 h2, div.laatikko-2 h2, div.laatikko-3 h2, div.laatikko-1-2 h2, div.laatikko-2-2 h2 {
  font-size: 1.4em;
  letter-spacing: 1px;
}
div.palautteet {
  font-size: 1.4em;
  padding-left: 25%;
}
.puhelin {
  float: left;
  clear: both;
  margin-top: 0;
}

    /* content css */
/* header .three-column, */
    footer .four-column {
        display: none;
    }
    
}

@media screen and (max-width: 600px) {
img#logo {
  max-width: 400px;
}
div.laatikko-1 h2, div.laatikko-3 h2, div.laatikko-3 h2, div.vasen h2, div.oikea h2 {
  margin: 0;
}
div.ingressi h1 {
  font-size: 2em;
  color: #000;
}
div.ingressi p {
  font-size: 2em;
} 
div.palautteet {
  background: #3399cc url();
  padding-left: 0;
  text-align: center;
}
    /* table css */
    
    table {
        width: 94%;
        margin: 15px 3%;
        font-size: 12px;
    }

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    /* retina display css */
    
    body {
        background: url('http://www.instorvinen.fi/uploads/grid1200/back@2x.jpg') #fff;
        background-size: 66px; /* size no retina image */
        -moz-background-size: 66px;
        -webkit-background-size: 66px;
    }

}
/* Stylesheet: tyylit-insto Modified On 2016-02-20 18:21:29 */
/* reset */

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
    margin: 0;
    padding: 0;
}

img,
fieldset {
    border: 0;
}

/* set html5 elements to block */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

/* apply a natural box layout model to all elements */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* viewport css */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* body css */

body {
    margin: 0;
    text-align: center;
}

.section {
    clear: both;
    padding: 0;
    margin: 0;
    background: #fff;
}

/* media css */

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* form css */

input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=file],
input[type=button],
input[type=submit],
input[type=reset],
select,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=file],
select,
textarea {
    width: 100%;
}

/* general table css */

table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}

/* split column css */

.split-column {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.split-column:last-child {
    margin-bottom: 0;
}

/* content css */

.content {
    margin: 0 auto;
    text-align: left;
    max-width: 1200px; /* max-width of your responsive website (example 1200px) */
}

.one-column {
    float: left;
    width: 98%;
    margin: 10px 1%;
}

.two-column,
.two-fourth-column {
    float: left;
    width: 48%;
    margin: 10px 1%;
}

.three-column {
    float: left;
    width: 31.333333%;
    margin: 10px 1%;
}

.two-third-column {
    float: left;
    width: 64.666666%;
    margin: 10px 1%;
}

.four-column,
.one-fourth-column {
    float: left;
    width: 23%;
    margin: 10px 1%;
}

.three-fourth-column {
    float: left;
    width: 73%;
    margin: 10px 1%;
}

.six-column {
    float: left;
    width: 14.666666%;
    margin: 10px 1%;
}

.five-sixth-column {
    float: left;
    width: 81.333333%;
    margin: 10px 1%;
}

@media screen and (max-width: 800px) {
    .one-column,
    .two-fourth-column,
    .three-column,
    .two-third-column,
    .one-fourth-column,
    .three-fourth-column,
    .six-column,
    .five-sixth-column {
        width: 97%;
        margin: 10px 1.5%;
    }

    .two-column,
    .four-column {
        width: 47%;
        margin: 10px 1.5%;
    }

}

@media screen and (max-width: 600px) {
main.content_back
{
  background-color: #fff;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-attachment: scroll;
  background-size: 100% auto;
}
img#logo {max-width: 300px; margin: 0 auto; text-align:center;}
    .content {
        min-width: 300px;  /* min-width of your responsive website (example 300px) */
    }

    .one-column,
    .two-column,
    .two-fourth-column,
    .three-column,
    .two-third-column,
    .four-column,
    .one-fourth-column,
    .three-fourth-column,
    .six-column,
    .five-sixth-column {
        width: 96%;
        margin: 10px 2%;
    }

}

/* 
body {
    background: url('http://www.instorvinen.fi/uploads/images/etusivu.jpg') #fff;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 100%;
    font-weight: 300;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
    display: table;
    width: 100%
}
*/
/* Stylesheet: reset Modified On 2016-01-14 17:47:48 */