@media screen and (max-width: 1024px) {
	
	html,
	body {
		background: #FFF;
	}
	
	#searchcontainer {
		position: fixed;
		z-index: 100;
		top: 0;
	}	
	
	#searchcontainer .closesearch {
		display:block;
	}
	
	
	#topsection {
		width: initial;	
		text-align:left;
	}
	
	#topsection .container {
		width: initial;	
	}
	
	.header .container,
	#footer .container,
	section {
		width: initial;
		padding: 20px;
	}
	

	section > .title {
		display:block;
		color: #000;
	}
	
	section .listcontainer {

	}
	
	#footer {
		color: #000;	
	}
	
	#footer a,
	#footer a:hover,
	#footer a:active,
	#footer a:visited {
		color: #000;	
	}	
	
	#footer .social .newsletter {
		background-image: url( /media/1048/iconmonstr-email-10-96-1.png );
	}

	#footer .social .facebook {
		background-image: url( /media/1028/facebook_black.png );
	}

	#footer .social .twitter {
		background-image: url( /media/1029/twitter_black.png );
	}

	#footer .social .instagram {
		background-image: url( /media/1047/iconmonstr-instagram-9-96.png );
	} 	
	
	.header {
		height: 50px;
		position:fixed;
		background: #000;
		top: 0;
	}
	
	.header .container {
		position:initial;
	}
	
	.header .logo {
		width: 150px;
		height: 50px;
		margin-top:-20px;
	}
	
	.hamburgertoggle {
		display:block;
	}
		
	
	.nav {
		display:none;
		position: fixed;
		left:0;
		right:0;
		top:50px;
		bottom:0;
		color: #FFF;
		background: rgba(0,0,0,0.9);
	}
	
	.nav.visible {
		display:block;	
	}
	
	.nav ul li {
		display: block;
		padding: 15px 20px;
		letter-spacing: 2px;
		text-align: left;
	}	
	
	.nav a {
		font-size: 16px;
	}		
	
	
	.box {
		height: initial;
		text-align:left;
	}
	
	.box img {
		width: 100%;	
	}
	
	.box .footer {

	}
	
	.box .footer .category {
		font-size:12px;
	}	
	
	.box .footer .title {
		font-size:16px;
	}	
	
	
	.fullbackground {
		background:none !important;
		position:initial;
		height:initial;
		margin-top: initial;
	}
	
	.infoimagesmall {
		display:block;	
		width:100%;
	}
	
	.categorysmall {
		display:block;
		margin-top: 50px;
		padding: 20px 20px 0 20px;
		font-weight:400;
		font-family: 'Nunito', sans-serif;
		font-size: 14px;
	}	
	
	.titlesmall {
		display:block;
		padding: 0 20px 20px 20px;
		font-family: 'Nunito', sans-serif;
		font-weight:bold;
		font-size: 26px;
	}
	
	#infocontainer {
		background:#FFF;
		margin-top: 0;
	    padding: 20px;
    	background:#FFF;
    	border-radius:none;		
	}
	
	#infocontainer .category {
		display:none;
	}
	
	#infocontainer .title{
		display:none;	
	}		
	
}

@media screen and (max-width: 950px) {

	.box {

	}
	
	#infocontainer {
		width: initial;	
	}
	
}

@media screen and (max-width: 650px) {

	.imagecontainersmall {
		display:block;	
		float:none;
		clear:both;
		height:initial;
		width:100%;	
		margin-top:50px;
	}
	
	.imagecontainersmall img {
		width:100%;
	}
	
	#topsection .title {
		display:none;
	}
	
	#topsection .titlesmall {
		display:block;
		clear:both;
		font-size: 22px;
		padding:0;
	}
	
	#topsection .imagecontainer {	
		display:none;
	}
	
	#topsection .imagecontainer img {
		height: initial;
		width: 100%;
	}
	
	#topsection .text {
		float:none;
		clear:both;
	}	
	
	.box {

	}
	
	.box .footer {
		padding: 15px 15px;	
	}
	

	
}

@media screen and (max-width: 500px) {

	
	.box {

	}
	
	.box .footer {
		padding: 0px 15px;
	}

	.box .footer .category {
		display:none;
	}

}

@media screen and (max-width: 400px) {

	
	.listcontainer {

	}
	
	.box {

	}
	
	.box .footer .title {
		font-size:14px;
	}	
	
}