html {
   min-height: 100vh;
 }
html, body { width: 100%; height: 100%; margin: 0px; margin-bottom: -30px; position: relative; font-family: 'Montserrat'; }
div { font-family: 'Montserrat'; font-size: 20px; color: #FFFFFF; }

body { height: 100%; background-image: url('../image/foto03.jpg'); background-position: center center; background-size: cover; background-attachment: fixed; position: relative; }

h1 { font-family: 'Montserrat'; font-weight: 900; font-size: 36px; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; }
	h1 b { font-size: 56px; }
h2 { font-family: 'Montserrat'; font-weight: 700; font-size: 26px; color: #E4D80F; margin-bottom: 20px; }
h3 { font-family: 'Montserrat'; font-weight: 700; font-size: 20px; color: #00AEEC; margin-bottom: 20px; }

a { color: #FFFFFF; }
a:hover { color: #00AEEC; }
.form-control { border-radius: 0px; border: none; }
.anim { transition: all .50s ease-in-out; }

#window { overflow: hidden; }
.main-container { width: 1170px; margin: 0px auto; }
.inside-container { position: absolute; top: 60px; left: 0px; width: 100%; }
.container30 { padding-left: 30px; padding-right: 30px; }
.logo-mycoach { position: absolute; top: -80px; left: -60px; width: 200px; transform: rotate(-5deg); }
.logo-whu { position: absolute; top: -80px; right: -60px; width: 160px; transform: rotate(5deg); }
.trener-container { text-align: right; }
.trener { width: 280px; transform: translateY(-48px); margin-bottom: -60px; }
.trener-name { font-size: 26px; font-weight: 800; }
.text1 { font-size: 16px; padding: 100px 60px 40px 100px; }
.headline { padding: 0px 60px 10px; }
.container-text { padding-left: 100px; padding-right: 100px; }
.martin-orosz-xl { position: absolute; top: 0px; left: -80px; width: 200px; }
.recenzia { font-size: 16px; }
.container-color { background: rgba(254,237,1,.6); padding: 40px 60px; position: relative; }
	.container-color span.container-headline { position: absolute; top: -20px; left: -20px; background: #BD1522; color: #FFFFFF; padding: 8px 12px; font-size: 18px; }

/* VIDEO */
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* MEDIA QUERIES */

@media (max-width: 1320px) {
	h1 { font-size: 30px; }
		h1 b { font-size: 46px; }
	.main-container { width: 900px; }
	.logo-mycoach { position: absolute; top: -40px; left: -60px; width: 120px; }
	.logo-whu { position: absolute; top: -40px; right: -60px; width: 120px; }
}
@media (max-width: 1060px) {
	div { font-size: 19px; color: #FFFFFF; }
	h1 { font-size: 28px; }
		h1 b { font-size: 40px; }
	.main-container { width: 700px; }
	.logo-mycoach { position: absolute; top: -40px; left: -60px; width: 120px; }
	.logo-whu { position: absolute; top: -40px; right: -60px; width: 120px; }
	.text1 { font-size: 16px; padding: 40px 60px 40px 60px; }
	.trener { width: 180px; transform: translateY(-48px); margin-bottom: -60px; }
}
@media (max-width: 860px) {
	div { font-size: 17px; color: #FFFFFF; }
	h1 { font-size: 22px; }
		h1 b { font-size: 30px; }
	.inside-container { position: absolute; top: 30px; }
	.main-container { width: 100%; padding-left: 60px; padding-right: 60px; }
	.logo-mycoach { position: absolute; top: -30px; left: -20px; width: 80px; }
	.logo-whu { position: absolute; top: -30px; right: -20px; width: 80px; }
	.trener { width: 140px; transform: translateY(-18px); margin-bottom: 0px; }
	.text1 { font-size: 16px; padding: 40px 30px 40px 60px; }
}
@media (max-width: 767px) {
	.trener-container { text-align: center; }
	.trener { width: 280px; transform: translateY(-48px); margin-bottom: -30px; }
	.container-color { background: rgba(254,237,1,.6); padding: 40px 20px; position: relative; }
	.container-color span.container-headline { font-size: 16px; top: -25px; rightx: -20px; }
}
@media (max-width: 660px) {
	div { font-size: 17px; color: #FFFFFF; }
	h1 { font-size: 18px; }
		h1 b { font-size: 24px; }
	.p60 { padding: 30px; }
	.logo-mycoach { position: absolute; top: -40px; left: -30px; width: 70px; }
	.logo-whu { position: absolute; top: -40px; right: -30px; width: 60px; }
	.trener { max-width: 100%; }
	.headline { padding: 0px 0px; }
}
@media (max-width: 540px) {
	div { font-size: 14px; }
	.logo-mycoach { position: absolute; top: -10px; left: -30px; width: 60px; }
	.logo-whu { position: absolute; top: -10px; right: -30px; width: 60px; }
	.container-color { background: rgba(254,237,1,.6); padding: 30px 10px; position: relative; }
	.container-color span.container-headline { font-size: 16px; top: -25px; right: -20px; }
}
@media (max-width: 480px) {
	div { font-size: 14px; color: #FFFFFF; }
	h1 { font-size: 15px; }
		h1 b { font-size: 28px; }
	.logo-mycoach { position: absolute; top: -10px; left: -20px; width: 70px; }
	.logo-whu { position: absolute; top: -10px; right: -20px; width: 50px; }
	.main-container { width: 100%; padding-left: 30px; padding-right: 30px; }
	.container-text { padding-left: 60px; padding-right: 60px; }
	.martin-orosz-xl { position: absolute; top: 0px; left: -80px; width: 180px; }
	.container-color span.container-headline { font-size: 16px; top: -30px; right: -20px; font-size: 14px; }
}
@media (max-width: 380px) {
	div { font-size: 13px; color: #FFFFFF; }
	h1 { font-size: 14px; }
		h1 b { font-size: 28px; }
	.trener-name { font-size: 22px; }
	.container-text { padding-left: 40px; padding-right: 40px; }
	.martin-orosz-xl { position: absolute; top: 180px; left: -90px; width: 180px; }
}