/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;text-decoration:none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


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

strong { font-weight: bold; }
u { text-decoration: underline; }
i { font-style: italic; }

body {
    width: 100%;
    font-family: verdana, arial;
    color: #29544b;
    font-size: 13px;
    word-wrap: break-word;
    margin: auto;
    background-color: #fff;
    line-height: 1.2em;
    letter-spacing: 1px;
    background-image:url(../../../../site/templates/festival_2025/images/festival_start.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 85px;
}

div.table {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    min-height: 600px;
}

.table-row { display: table-row; }
.table-cell { display: table-cell; }
.table-cell img { width: 100%; height: auto; }
.table-line-cell { border-left: 1px solid #000; }

.table-cell:nth-child(1) { padding-right: 45px; padding-left: 45px; vertical-align: top; }
.table-cell:nth-child(3) { padding-left: 45px;  padding-right: 45px; }

@media (max-width: 600px) {
    body { margin-top: 30px; }
    
    div.table {
        display: block;
        min-height: 10px;
    }

    .table-row, .table-cell { display: block; }
    .table-line-cell { border-left: 0px; border-top: 1px solid #000; }

    .table-cell:nth-child(1) { padding-right: 40px; padding-left: 40px; padding-bottom: 40px; }
    .table-cell:nth-child(2) img { height: 1px; }
    .table-cell:nth-child(3) { padding-left: 40px;  padding-right: 40px; }
    
    
}