@font-face {font-family: marsha; src: url(../fonts/marsha_belle_demo_version-webfont.ttf);}

body{font-family: 'Raleway', sans-serif !important; background-position: 0 30vh; background-repeat: no-repeat;}

h1,h2{font-weight: 200; text-align: center;}

#intro {height: 90vh;}
#intro .beriemesa{font-family: 'Great Vibes', cursive; font-size: 7rem; transition: 0.3s ease-out; margin: 0 0 -3rem 0;}
#intro .mena{font-family: 'Lato', sans-serif; font-size: 5rem; transition: 0.3s ease-out;}

.tien {filter: drop-shadow(1px 2px 8px #00000050);}

#odpocet {padding: 5vh 0 8vh 0; display: block; background-color: #f2eeea;}
#odpocet .col{border: 0.5rem solid #f2eeea; border-radius: 1rem;}

#odpocetVnutro {text-align: center;}
#odpocetVnutro .cislo {font-size: 8rem; font-weight:100; transition: 0.3s ease-out; text-align: center;}
#odpocetVnutro .text{text-align: center;}

#ti {}

@media (max-width: 1199px){ /* l < 1200px*/
#odpocetVnutro .cislo{font-size: 6rem;}
#intro .beriemesa{font-size: 5rem; margin: 0 0 -2rem 0;}
#intro .mena{font-size: 4rem;}
}

@media (max-width: 991px){ /* m < 992px */
h2 {font-size:2.5rem;}
#odpocetVnutro .cislo{font-size: 4rem;}
#intro .beriemesa{font-size: 4rem; margin: 0 0 -1.5rem 0;}
#intro .mena{font-size: 3rem;}
}

@media (max-width: 599px){ /* s < 600px */
#odpocetVnutro .cislo{font-size: 2rem; font-weight:300;}
#intro .beriemesa{font-size: 3rem; margin: 0 0 -1rem 0;}
#intro .mena{font-size: 2rem;}
}