html { font-family: 'Montserrat', sans-serif; background-color: #ed1c25 !important; color: fff; }

body { background-color: #ed1c25;}
.container { width: 50%;}

header { min-height: 400px; background: none; background-color: #ed1c25; }

.content { position: relative; }

header .logo {margin: 0 auto; text-align: center; padding-top: 100px;}

.helpers-terc { position: absolute; left: 50px; top: 50px;}

.helpers-tercik { position: absolute; right: 50px; top: 20px;}
.helpers-trio { position: absolute; left: 0px; top: 200px;}
.helpers-jsmezezlina { position: absolute; right: 20%; top: 200px;}
            
            
.helpers-malonakladovytisk { position: absolute; top: 300px; width: 80%; text-align: center; margin-left: 10%; margin-right: 10%;  }

.helpers-malonakladovytisk h2 { /* Layout Properties */



/* UI Properties */

text-align: center;
font: normal normal bold 50px/61px;
letter-spacing: 0px;
}            

.helpers-malonakladovytisk h2 span { color: #00B8F1; }

main { background-color: #ed1c25;}
/* Layout Properties */
main p {

width: 70%;
text-align: center;
font: normal normal 300 30px/37px;
letter-spacing: 0px;
color: #000000;
margin: 0 auto;
}

main p span {

text-align: center;
font: normal normal bold 30px/37px;
letter-spacing: 0px;


}

form { width: 60%; margin: 0 auto;}

form input, form textarea { 
width: 100%; 

border: 1px solid #707070;
color: #FB3099;
opacity: 1;
padding: 5px;
margin: 10px;
}

form input.odeslat { 
width: 30%; 
background: #FFEA3D 0% 0% no-repeat padding-box;
border: 1px solid #707070;
color: #000;
opacity: 1;
padding: 5px;
margin: 10px; float: right; margin-right: 0px;
}

footer { padding-top: 150px;}
footer span { color: #FB3099; }

.helpers-pruhsvisly { position: absolute; left: 30%; top: 120px;}
.helpers-krouzek { position: absolute; left: 50px; top: -130px;}
.helpers-kalibrace { position: absolute; left: 30%; top: 0px;}