body {background: #fff; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; color: #000;}
a {text-decoration: none; webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;}
nav {background: #404041; color: #929497; clear: both; width: 100%;}
nav ul li {list-style: none;}
nav ul li a {color: #929497; text-transform: uppercase;} 
footer {background: #404041; color: #929497; padding: 15px; clear: both; border-bottom: 30px solid #231f20;}
.title h2 {margin: 0 !important;}
footer a {color: #929497; line-height: 1.7em;}
footer h3 {text-transform: uppercase;}
.clearfix {clear: both;}
.responsive {width: 100%; height: auto;}
.white {color: #fff;}
.green {color: #55dd00;}
.darkgray {color: #231f20;}
.gray {color: #58595b;}
.lightgray {color: #929497;}
.bgwhite {background: #fff;}
.bggreen {background: #55dd00;}
.bgdarkgray {background: #231f20;}
.bggray {background: #58595b;}
.bglightgray {background: #929497;}
section {clear: both;}
.bgwhite h2, .bggreen h2, .bgdarkgray h2{text-transform: uppercase; font-weight: 300;}
.bgwhite h2 em, .bggreen h2 em, .bgdarkgray h2 em{font-weight: 700; font-style: normal;}
.bgdarkgray h2{color: #929497;}
dd h3 {text-transform: uppercase; font-size: 0.95em;}
.block {box-sizing: border-box;}
.bgwhite h2 em:after {content: "";display: block;width: 75px;height: 2px;margin-top: 15px;background-color: #55dd00;transition: all 1s ease-in-out;}
.bggreen h2 em:after {content: "";display: block;width: 75px;height: 2px;margin-top: 15px;background-color: #000;transition: all 1s ease-in-out;}
.bgdarkgray h2 em:after {content: "";display: block;width: 75px;height: 2px;margin-top: 15px;background-color: #929497;transition: all 1s ease-in-out;}
.frissmunka1, .frissmunka2, .frissmunka3, .frissmunka4 {border: 5px solid #fff; box-shadow: 1px 1px 20px rgba(0,0,0,0.5); display: block; width: 100%;}
.nanogallery_gallerytheme_dark_ngy2p .nGY2GThumbnail {background: transparent !important; border: none;}
.btn {font-size: 1.5em; text-transform: uppercase;}
.btn-green {color: #55dd00; padding: 5px 10px; border: 2px solid #55dd00;}
.btn-green:hover {color: #000; padding: 5px 10px; border: 2px solid #000;}

/*==================================================
=                        Media Queries             =
==================================================*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
p {line-height: 1.3em;}
h2 {font-size: 2em;}
#brandlogo {display: block; height: 40px; width: auto; margin-left: 15px;}		
nav {border-top: solid 5px #231f20; padding: 5px 0;}
nav ul li {display: block;}
.title {padding: 30px 0px 30px 15px;}	
.mobilmenu {display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: 49px; background: #404041; border-top: 1px solid #231f20; z-index: 1000;}	
.mobilmenu a {display: inline-block; width: 24%; text-align: center; color: #929497; font-size: 1.5em; line-height: 50px;}	
.spacer {display: block; width: 100%; height: 1em;}	
.block {padding: 3em 15px;}
.collapse {display: none;}
.dl-horizontal dt {float: left; width: 50px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dl-horizontal dd {margin-left: 70px;}	
.gallery {margin-top: 30px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
p {line-height: 1.3em;}
h2 {font-size: 2em;}		
nav {border-top: solid 5px #231f20; padding: 5px 0;}
nav ul li {display: block;}
.title {padding: 30px 0px 30px 15px;}	
.spacer {display: block; width: 100%; height: 1em;}	
.block {padding: 3em 15px;}
.collapse {display: none;}
.gallery {margin-top: 30px;}	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
p {line-height: 1.7em;}
h2 {font-size: 2.5em;}	
#brandlogo {display: block; height: 80px; width: auto; margin-left: 15px;}
nav {border-top: solid 30px #231f20; padding: 0;}
nav ul li {display: inline-block;}		
.title {padding: 30px 0px 30px 15px;}
.mobilmenu{display: none;}		
.spacer {display: block; width: 100%; height: 1.5em;}	
.block {padding: 5em 0;}
.dl-horizontal dt {float: left; width: 70px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dl-horizontal dd {margin-left: 90px;}	
.gallery {margin-top: 100px;}		
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
p {line-height: 1.7em;}
h2 {font-size: 2.5em;}
.title {padding: 30px 0px 30px 15px;}
.container {margin: 0 auto; width: 75%; max-width: 960px;}
nav {border-top: solid 30px #231f20; padding: 0;}
nav ul li {display: inline-block;}		
.spacer {display: block; width: 100%; height: 1.5em;}		
.block {padding: 5em 0;}
.gallery {margin-top: 100px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
p {line-height: 1.7em;}
h2 {font-size: 2.5em;}	
.title {padding: 30px 0px 30px 15px;}
.container {margin: 0 auto; width: 75%; max-width: 1150px; height: auto;}
.spacer {display: block; width: 100%; height: 1.5em;}	
.collapse {display: block;width: 50%;position: absolute;top: 15px;right: 0;text-align: right;}
nav {border-top: solid 30px #231f20; padding: 0;}
nav ul li {display: inline-block; margin-right: 15px; line-height: 78px;}
.block {padding: 10em 0;}
.frissmunkaim {background-image: url(../images/friss-munkaim-hd.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}	
.gallery {margin-top: 100px;}	
.row [class^="col"] {float: left; margin: 0 2%;}
.col-1 {width: 4.33%;}
.col-2 {width: 12.66%;}
.col-3 {width: 21%;}
.col-4 {width: 29.33%;}
.col-5 {width: 37.66%;}
.col-6 {width: 46%;}    
.col-7 {width: 54.33%;}        
.col-8 {width: 62.66%;}        
.col-9 {width: 71%;}        
.col-10 {width: 79.33%;}        
.col-11 {width: 87.66%;}        
.col-12 {width: 96%;}        
}