/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 20, 2017, 12:12:10 PM
    Author     : promenon
*/
@font-face {
	font-family: 'KozGoPro';
	src: url('fonts/TitilliumWeb-ExtraLight.eot');
	src: local('☺'), url('fonts/TitilliumWeb-ExtraLight.woff') format('woff'), url('fonts/TitilliumWeb-ExtraLight.ttf') format('truetype'), url('fonts/TitilliumWeb-ExtraLight.svg') format('svg');
	font-weight: lighter;
	font-style: normal;
}
.site-index{background-color: #e46767;}
.container-fluid{z-index: 1;position: relative;}
.gm-top{margin-top: -20%; }
.gm-top img{width: 100%;}
.gm-top img:nth-child(1){width: 100%;position: absolute;margin-top: -100px;}
.img-container{width: 70%;position: relative;margin-left: auto;margin-right: auto;}
.menu .col-lg-8{font-family: 'KozGoPro';color:#ffffff;font-size: 30px;min-height: 350px;padding-top: 20px;}
.menu:first-child > .col-lg-8{padding-top: 0;}
.menu h2{font-family: 'MistralTurk';color:#ffffff; font-size: 70pt;margin-top: 0;}
.menu:nth-child(1){background-image: url("../img/mezezmn-red.png");min-height: 350px;}
.menu:nth-child(3){background-image: url("../img/mezezmn-blue.png");min-height: 350px;}
.menu:nth-child(5){background-image: url("../img/mezezmn-green.png");min-height: 350px;}
.menu:nth-child(7){background-image: url("../img/mezezmn-pink.png");min-height: 350px;}
.menu:nth-child(9){background-image: url("../img/mezezmn-yellow.png");min-height: 350px;}
.menu:nth-child(11){background-image: url("../img/mezezmn-red.png");min-height: 350px;}
.menu:nth-child(13){background-image: url("../img/mezezmn-blue.png");min-height: 350px;}
.video{height: 300px;overflow: hidden;position: relative;-webkit-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.81);
-moz-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.81);
box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.81);}
.video video{margin-top: -15%;position: absolute;}
ul{padding: 0;}
.menu .col-lg-8{padding-left: 200px;}
@media (max-width: 768px) {
.menu:nth-child(1){min-height: 250px;}
.menu:nth-child(3){min-height: 250px;}
.menu:nth-child(5){min-height: 250px;}
.menu:nth-child(7){min-height: 250px;}
.menu:nth-child(9){min-height: 250px;}
.gm-top img:nth-child(1){margin-top: -40px;}
.video{height: 100px;}
.menu h2{font-size: 26px;}
.menu{font-size: 16px;padding-top: 20px;}
.menu .col-lg-8{padding-left: 0;}
.menu{background-repeat: repeat}
}