@font-face {
  font-family: 'open-sans';
  font-style: normal;
  font-weight: 300;
  src: url(../font/OpenSans-Light.woff) format('woff');
}

body {
    font-family: 'open-sans', Calibri, Arial, sans-serif;
    background: #FAFAFA;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
    cursor: default;
}

.logo-blur {
    z-index: 0;
    display: block;
	-webkit-animation: shadow-anim 2s infinite;
	-webkit-animation-direction: alternate;
	animation: shadow-anim 2s infinite;
	animation-direction: alternate;
    height: 70px;
}

.logo {
    position: relative;
    z-index: 1;
    height: 70px;
    top: -70px;
}

@-webkit-keyframes shadow-anim {
    from {-webkit-filter: blur(5px);}
    to {-webkit-filter: blur(8px);}
}

@keyframes shadow-anim {
    from {
    	-moz-filter: blur(2px);
    	-o-filter: blur(2px);
    	-ms-filter: blur(2px);
    	filter: blur(2px);
	}
    to {
    	-moz-filter: blur(5px);
    	-o-filter: blur(5px);
    	-ms-filter: blur(5px);
    	filter: blur(5px);
	}
}

.header-wrapper {
    height: 85px;
    margin: 0 auto;
    width: 98%;
    min-width: 720px;
}

.header-wrapper img {
    margin-left: 40px;
}

.main-wrapper {
	width: 98%;
	min-width: 720px;
    margin: 0px auto;
}

.main-wrapper2 {
    margin-left: 40px;
    margin-right: 40px;
    /*display: none;*/
}

.menu {
    width: 98%;
    height: 50px;
    min-width: 720px;
    background-color: #DDDDDD;
    margin: 0 auto;
    box-shadow: 10px 10px 40px #D6CBC0;
    z-index: 999;
}

.menu div {
    float: left;
    font: 'open-sans';
    font-size: 25px;
    color: #555555;
    transition: all .4s ease;
    height: 50px;
    margin-left: 40px;  
    margin-top: 5px;
    align-content: center;
    z-index: 1000;
}

.links {
/*    width: 98%;
    min-width: 720px;
    margin: 0 auto; */
    margin-right: 10px;  
    height: 70px;
}

/*--------- Pinterest-like gallery styles ----------*/

#wrapper {
	width: 730px;
	max-width: 1870px;
	min-width: 730px;
	margin: 20px auto;
}

#columns {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;

	-webkit-column-gap: 6px;
	-moz-column-gap: 6px;
	column-gap: 6px;

	-webkit-column-fill: balance;
	-moz-column-fill: balance;
	column-fill: balance;
}

.pin {
	background: #FEFEFE;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;


	width: 140px;
	border-bottom: 0px solid #ccc;
	padding-bottom: 0px;
	margin-bottom: 0px;

}


@media (min-width: 940px) {
	#columns {
		-webkit-column-count: 6;
		-moz-column-count: 6;
		column-count: 6;
	}
    #wrapper {
        width: 876px;
    }
}

@media (min-width: 1090px) {
	#columns {
		-webkit-column-count: 7;
		-moz-column-count: 7;
		column-count: 7;
	}
    #wrapper {
        width: 1022px;
    }
}

@media (min-width: 1245px) {
	#columns {
		-webkit-column-count: 8;
		-moz-column-count: 8;
		column-count: 8;
	}
    #wrapper {
        width: 1168px;
    }
}

@media (min-width: 1400px) {
	#columns {
		-webkit-column-count: 9;
		-moz-column-count: 9;
		column-count: 9;
	}
    #wrapper {
        width: 1314px;
    }
}

@media (min-width: 1560px) {
	#columns {
		-webkit-column-count: 10;
		-moz-column-count: 10;
		column-count: 10;
	}
    #wrapper {
        width: 1460px;
    }
}

@media (min-width: 1710px) {
	#columns {
		-webkit-column-count: 11;
		-moz-column-count: 11;
		column-count: 11;
	}
    #wrapper {
        width: 1606px;
    }
}

@media (min-width: 1870px) {
	#columns {
		-webkit-column-count: 12;
		-moz-column-count: 12;
		column-count: 12;
	}
    #wrapper {
        width: 1752px;
    }
}