body
{
background-image:url("../../pics/irishtomb.png");
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#000000;
margin:0px;
}

/*----------------------------------------------------------------*/

.header
{
position:absolute;
top:3px;
right:0px;
width:100%;
}

/*----------------------------------------------------------------*/

h3
{
font-family:'Trebuchet MS', Arial, sans-serif;
margin-left:5%;
margin-right:5%;
}

p
{
font-family:'Trebuchet MS', Arial, sans-serif;
}

.titles
{
margin-left:5%;
}

/*----------------------------------------------------------------*/

#container /*this container is empty. It has no background and only holds the other divs*/
{
position:absolute;
-webkit-box-sizing:border-box;
top:26.1%;
left:7.7917%;
width:84%;
background-color:rgba(255,255,255,0.7);
border-radius:2%;
-webkit-border-radius:8px 8px 8px 8px;
border-style:solid;
border-color:rgba(200,180,12,0.9);
border-width:4px;
}

/*----------------------------------------------------------------*/

.content
{
position:absolute;
left:9.5238%;
width:76.1905%;
height:100%;
overflow:hidden;
}

/*----------------------------------------------------------------*/

.scroll
{
width:100%;
height:100%;
overflow-y:scroll;
overflow-x:hidden;
}

/*----------------------------------------------------------------*/

.text
{
margin-left:5%;
margin-right:5%;
}

/*----------------------------------------------------------------*/

.pic
{
width:27.924%;
padding-bottom:44.28%;
margin-right:1.5%;
margin-left:-4%;
float:left;
background-image:url("../film_tiles/Polen_schuber.png");
background-size:cover;
}

/*----------------------------------------------------------------*/

.spine_left
{
position:relative;
display:block;
float:left;
width:4.7619%;
background-image:url('../../pics/spine.png');
background-size:100% 100%;
}

/*----------------------------------------------------------------*/

.spine_right
{
position:relative;
display:block;
float:right;
width:4.7619%;
background-image:url('../../pics/spine_umk.png');
background-size:100% 100%;
}

/*----------------------------------------------------------------*/

.home
{
background-image:url('../../pics/home.png');
background-size:cover;
}

.about
{
background-image:url('../../pics/about.png');
background-size:cover;
}

.prod
{
background-image:url('../../pics/prod.png');
background-size:cover;
}

.contact
{
background-image:url('../../pics/contact.png');
background-size:cover;
}

.faq
{
background-image:url('../../pics/faq.png');
background-size:cover;
}

/*----------------------------------------------------------------*/

a.one:link,a.one:visited
{
display:block;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.one:hover
{
display:block;
background-image:url('../../pics/abouty.png');
background-size:cover;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.one:active
{
display:block;
background-color:rgba(100,100,100,0.3);
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

/*----------------------------------------------------------------*/

a.three:link,a.three:visited
{
display:block;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.three:hover
{
display:block;
background-image:url('../../pics/prody.png');
background-size:cover;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.three:active
{
display:block;
background-color:rgba(100,100,100,0.2);
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

/*----------------------------------------------------------------*/

a.four:link,a.four:visited
{
display:block;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.four:hover
{
display:block;
background-image:url('../../pics/contacty.png');
background-size:cover;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.four:active
{
display:block;
background-color:rgba(100,100,100,0.2);
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

/*----------------------------------------------------------------*/

a.five:link,a.five:visited
{
display:block;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.five:hover
{
display:block;
background-image:url('../../pics/faqy.png');
background-size:cover;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.five:active
{
display:block;
background-color:rgba(100,100,100,0.2);
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

/*----------------------------------------------------------------*/

a.six:link,a.six:visited
{
display:block;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.six:hover
{
display:block;
background-image:url('../../pics/homey.png');
background-size:cover;
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

a.six:active
{
display:block;
background-color:rgba(100,100,100,0.2);
border-radius:2%;
width:100%;
height:100%;
padding-bottom:879.44%;
}

/*----------------------------------------------------------------*/

a.blue:link,a.blue:visited
{
text-decoration:none;
color:rgb(0,76,205);
}

a.blue:hover
{
text-decoration:underline;
color:rgb(0,76,205);
}

a.blue:active
{
text-decoration:underline;
color:rgb(0,76,205);
}

/*----------------------------------------------------------------*/

/*Media Queries for the heading*/

@media (min-width:50px) {h3{font-size:1px;}}
@media (min-width:80px) {h3{font-size:3px;}}
@media (min-width:160px) {h3{font-size:4px;}}
@media (min-width:240px) {h3{font-size:6px;}}
@media (min-width:320px) {h3{font-size:7px;}}
@media (min-width:400px) {h3{font-size:9px;}}
@media (min-width:480px) {h3{font-size:10px;}}
@media (min-width:560px) {h3{font-size:12px;}}
@media (min-width:640px) {h3{font-size:13px;}}
@media (min-width:720px) {h3{font-size:15px;}}
@media (min-width:800px) {h3{font-size:16px;}}
@media (min-width:880px) {h3{font-size:18px;}}
@media (min-width:960px) {h3{font-size:19px;}}
@media (min-width:1040px) {h3{font-size:21px;}}
@media (min-width:1120px) {h3{font-size:22px;}}
@media (min-width:1200px) {h3{font-size:24px;}}
@media (min-width:1280px) {h3{font-size:25px;}}
@media (min-width:1360px) {h3{font-size:27px;}}
@media (min-width:1440px) {h3{font-size:28px;}}
@media (min-width:1520px) {h3{font-size:30px;}}
@media (min-width:1600px) {h3{font-size:31px;}}
@media (min-width:1680px) {h3{font-size:33px;}}
@media (min-width:1760px) {h3{font-size:34px;}}
@media (min-width:1840px) {h3{font-size:36px;}}

/*Media Queries for the titles*/

@media (min-width:50px) {p.titles{font-size:2px;}}
@media (min-width:80px) {p.titles{font-size:2px;}}
@media (min-width:160px) {p.titles{font-size:3px;}}
@media (min-width:240px) {p.titles{font-size:5px;}}
@media (min-width:320px) {p.titles{font-size:6px;}}
@media (min-width:400px) {p.titles{font-size:8px;}}
@media (min-width:480px) {p.titles{font-size:9px;}}
@media (min-width:560px) {p.titles{font-size:11px;}}
@media (min-width:640px) {p.titles{font-size:12px;}}
@media (min-width:720px) {p.titles{font-size:14px;}}
@media (min-width:800px) {p.titles{font-size:15px;}}
@media (min-width:880px) {p.titles{font-size:17px;}}
@media (min-width:960px) {p.titles{font-size:18px;}}
@media (min-width:1040px) {p.titles{font-size:20px;}}
@media (min-width:1120px) {p.titles{font-size:21px;}}
@media (min-width:1200px) {p.titles{font-size:22.5px;}}
@media (min-width:1280px) {p.titles{font-size:24px;}}
@media (min-width:1360px) {p.titles{font-size:25.5px;}}
@media (min-width:1440px) {p.titles{font-size:27px;}}
@media (min-width:1520px) {p.titles{font-size:28.5px;}}
@media (min-width:1600px) {p.titles{font-size:30px;}}
@media (min-width:1680px) {p.titles{font-size:31.5px;}}
@media (min-width:1760px) {p.titles{font-size:33px;}}
@media (min-width:1840px) {p.titles{font-size:34.5px;}}

/*Media Queries for the paragraph*/

@media (min-width:50px) {p{font-size:1px;}}
@media (min-width:80px) {p{font-size:2px;}}
@media (min-width:160px) {p{font-size:3px;}}
@media (min-width:240px) {p{font-size:4px;}}
@media (min-width:320px) {p{font-size:5px;}}
@media (min-width:400px) {p{font-size:6px;}}
@media (min-width:480px) {p{font-size:7px;}}
@media (min-width:560px) {p{font-size:8px;}}
@media (min-width:640px) {p{font-size:9px;}}
@media (min-width:720px) {p{font-size:10px;}}
@media (min-width:800px) {p{font-size:11px;}}
@media (min-width:880px) {p{font-size:12px;}}
@media (min-width:960px) {p{font-size:13px;}}
@media (min-width:1040px) {p{font-size:14px;}}
@media (min-width:1120px) {p{font-size:15px;}}
@media (min-width:1200px) {p{font-size:16px;}}
@media (min-width:1280px) {p{font-size:17px;}}
@media (min-width:1360px) {p{font-size:18px;}}
@media (min-width:1440px) {p{font-size:19px;}}
@media (min-width:1520px) {p{font-size:20px;}}
@media (min-width:1600px) {p{font-size:21px;}}
@media (min-width:1680px) {p{font-size:22px;}}
@media (min-width:1760px) {p{font-size:23px;}}
@media (min-width:1840px) {p{font-size:24px;}}