/*
	Theme Name: Bauman Child
	Theme URI: http://clapat.ro/themes/munio-wordpress/
	Description: Responsive Wordpress Theme
	Template: bauman
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: bauman-child
*/


/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/

@font-face {
    font-family: wtGothic;
    src: url(fonts/WTGothic-Regular.woff2) format("woff2"),url(fonts/WTGothic-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: wtGothic;
    src: url(fonts/WTGothic-RegularItalic.woff2) format("woff2"),url(fonts/WTGothic-RegularItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: wtGothic-medium;
    src: url(fonts/WTGothic-Medium.woff2) format("woff2"),url(fonts/WTGothic-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: wtGothic-bold;
    src: url(fonts/WTGothic-Bold.woff2) format("woff2"),url(fonts/WTGothic-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: wtGothic-bold;
    src: url(fonts/WTGothic-BoldItalic.woff2) format("woff2"),url(fonts/WTGothic-BoldItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

.item {
    margin: .5%;
    width: 24%;
    height: 24vw;
}

@media only screen and (max-width: 1023px) {
	.item, .item.wide {
		width: 32%;
		height: 30vw;
	}
}

@media only screen and (max-width: 767px) {
	.item, .item.wide {
		margin: 2.5% 5%;
		width: 90%;
		height: 65vw;
	}
}

.portfolio-wrap {
    min-height: 106vh;
}

#main {
    z-index: 999;
}
footer {
    z-index: 1000;
}

@media (min-width: 768px) {
    .enlace-footer {
        margin: 0 10px;
    }
}
@media (max-width: 767px) {
    footer {
        height: 250px;
    }
    footer #footer-container {
        height: auto;
    }
    footer .button-wrap {

    }
    footer .footer-middle {
        position: static;
        text-align: center;
    }
    footer .footer-middle a {
        display: block;
    }
    footer .socials-wrap {
        height: 71px !important;
    }
}