	
/*small devices*/

@media (max-width: 767px){
	
	body{		
	font-size:1.5rem;
	line-height: 2.5rem;

}

h1, h2, h3, h4, h5, h6{
	margin-bottom:15px;
}
h6{font-size:14px;}
h5{font-size:16px;}
h4{font-size:18px;}
h3{font-size:20px;}
h2{font-size:22px;}
h1{font-size:24px;}	



/*
-------------------------
Flex
-------------------------
*/

.flex-items{
	padding:0px;
}

.flex-col-12, .flex-col-11, .flex-col-10, .flex-col-9, .flex-col-8, .flex-col-7, .flex-col-6, .flex-col-5, .flex-col-4, .flex-col-3, .flex-col-2, .flex-col-1 {
	width: 100%;
	margin-bottom: 10px;
}



.alignleft,
.alignright,
.aligncenter,
.alignnone{
	display:block;
	margin:10px auto;
	float:none;
}


img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone{
	max-width:100%;	
	display:block;
	margin:10px auto;
	float:none;	
}


#image-gallery .gallery-item .items{
	width:100%;
	padding:0px;
}

#image-gallery .gallery-item.small-gallery .items{
	width:calc((100% / 12) * 6);

}

#main-section .contents{
	padding:40px 5% 50px;
}
	
	#banner-section{
	background-image:none !important;
	min-height:0;
		
}

#banner-section img{
	display:block;
}

}