/*!
Theme Name:   Gastro Grodzisk
Theme URI:    http://grajda.com/
Description:  Gastro Grodzisk Theme.
Text Domain:  gstrth
!*/
 @charset "UTF-8";
/*
    font-family: 'Lato', sans-serif;
    font-family: 'Abril Fatface', cursive;
*/

html { background: #fff;}
html, body { margin:0; padding:0; }
body { font: 18px/1.5 'Open Sans', Arial, Helvetica, Sans-serif; color:#08080f; font-weight:300;}

img {border:none; float:left;}
div {margin:0; padding:0; }

a {color:#000; text-decoration:underline; transition:all 300ms;}
a:hover {color:#666;}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family: 'Abril Fatface', Times New Roman, Times, cursive;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {font-size:1.9em;}
h2 {color:#024442; font-size:2.5em; margin:0em 0 1em 0;}
h3 {color:#024442; font-size:1.7em;}
h4 {}
h5 {color:#024442; font-size:1.55em;}
h6 {color:#024442; font-size:1.25em;}
strong {font-weight:700;}
p {margin:0; padding:0 0 20px 0;}
small {font-size:0.8em;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.overflow {overflow:hidden;}
.cf:after {clear:both; display:block; content:"";}
.uppercase {text-transform:uppercase;}
.centred {text-align:center;}
hr.cf {clear:both; padding:0; margin:0; background:none; border:none;}
hr.padding {padding-bottom:35px;}
hr.spacer {clear:both; padding:0; margin:0; background:none; border:none; height:166px;}
section, header, aside {clear:both;}
img.full {width:100%; height:auto;}
img {max-width:100%; height:auto;}
.shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);}
.blank {content:""; display:block;}
.desktop {}
/*.mobile {display: none;}*/

.wrap {width:80%; margin:0 auto;}
.wrapper {width:75%; margin:0 auto;}
.wrapper-content {width:90%; margin:2em auto;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.row2cols, row3cols, .row4cols, .row5cols, .rowx {clear:both;}
.row2cols:after, .row3cols:after, .row4cols:after, .row5cols:after, .rowx:after {clear:both; display:block; content:"";}
.row2cols .col {float:left; box-sizing:border-box; width:50%;}
.row3cols .col {float:left; box-sizing:border-box; width:33.3%;}
.row4cols .col {float:left; box-sizing:border-box; width:25%;}
.row5cols .col {float:left; box-sizing:border-box; width:20%;}
.col {float:left;}
.gap {padding-right:1em;}
.gap-big {padding-right:5%;}


body {background:#fff; box-sizing: border-box;}

/*header*/
header {height:7em; background:#f9f9f9; box-sizing:border-box; padding:1em 5%; position:fixed; top:0; left:0; width:100%;}
header:after {clear:both; display:block; content:'';}
header .logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50%; text-align:center;}
header .logo img {max-height:2em; width:auto; float:none; margin:auto; display:block;}

header .menu-toggler {float:left; position:absolute; top:50%; left:5%; transform:translate(0,-50%); display:none;}
.mobile-menu {float:left; margin:0;}
.menu-toggle {padding:0px 0px 0px 0px; cursor:pointer; width:35px; height:30px; float:left; margin-top:7px; margin-right:8px; transition:all 350ms;}
.menu-toggle.open {padding:0px 0px 0px 0px; margin-top:2px;}
	.menu-toggle span{background:#000; display:block; width:35px; height:1px; margin-bottom:10px; -webkit-transition:all 0.5s linear; transition:all 0.3s linear;}
    .menu-toggle.open span:nth-child(1), .menu-toggle.open span:nth-child(3) {transform:translate(0px, 9px) rotate(-45deg) scalex(1.1); margin:0;}
	.menu-toggle.open span:nth-child(2) {height:0; margin:0;}
	.menu-toggle.open span:nth-child(3) {transform: translate(0px, 8px) rotate(45deg) scalex(1.1);}
.show_mobile_menu {cursor:pointer; text-decoration:none; display:block;}

/*end_of header*/

#main-section {padding-top:7em; box-sizing:border-box;}

.items {height:100%;}
.items:after {clear:both; display:block; content:'';}
.items .item {float:left; width:20%; background-size:cover; background-position:center center; position:relative; height:100%; transition:all 500ms;}
.items .item:after {clear:both; display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:1; transition:all 500ms;}
.items .item .logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:40%; text-align:center; z-index:3;}
.items .item .logo img {max-height:4em; width:auto; float:none; margin:auto; transition:all 500ms;}
.items .item.hover .logo img {max-height:5em;}
.items .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
.items .item.hover {width:30%;}
.items .item.other {width:17.5%;}
.items .item:hover:after {background:rgba(0,0,0,.4);}













































@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media all and (max-width: 2560px) {
    body {font-size:20px;}
}
@media all and (max-width: 1920px) {
    body {font-size:18px;}
}
@media all and (max-width: 1890px) {
    
}
@media all and (max-width: 1680px) {
    body {font-size:17px;}
}
@media all and (max-width: 1440px) {
    body {font-size:16px;}
}
@media all and (max-width: 1366px) {
	body {font-size:15px;}
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
	body {font-size: 14px;}
    .mobile {display: block;}
}

@media all and (max-width: 980px) {
    body {font-size:13px;}
    
    .items .item {width:100%; min-height:22em;}
}

@media all and (max-width: 768px) {
}

@media only screen and (max-width: 401px) {
}

@media all and (device-width: 768px) and (device-height: 1024px) { /*iPad portrait and (orientation:portrait) and (orientation:landscape)*/
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}