/* CSS Document */
*
{
	max-width:100%;
	height:auto;	
}

input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],select,textarea
{
	background-color:#f9f9f9;
	border:solid 1px #a9a9a9;
	padding:5px 10px;
	margin:3px 0px;
	width:100%;
	box-sizing: border-box;
}
input[type=button],input[type=submit]
{
	background-color:#10223e;
	color:#ffffff;
	font-weight:bold;
	border-radius:15px;
	border:solid 1px #8e8e8e;
	padding:5px 20px;
	margin:3px 0px;
}

input[type=button]:hover,input[type=submit]:hover
{
	background: linear-gradient(#007fff, #0072e5);
	border:solid 1px #003eff;
	color:#ffffff;
}

img
{
	max-width:100%;
	height:auto;
}

.wrap
{
	width:1200px;
	margin:auto;	
}

.col_1_2
{
	width:50%;
	float:left;	
}

.col_1_3
{
	width:33.33%;
	float:left;	
}

.col_2_3
{
	width:66.66;
	float:left;	
}

.col_1_4
{
	width:25%;
	float:left;	
}

.c_1_4
{
	width:25%;
	float:left;	
}

.col_3_4
{
	width:75%;
	float:left;	
}

.inner_col
{
	padding:20px;	
}


.clear
{
	clear:both;	
}

.gallery { 
    text-align:center;
}

.g_in { 
    margin: 0 0 1em;
    width: 100%;
	min-height:250px;
	border:solid 1px #DBDBDB;
}

@media only screen and (max-width:768px)
{
	.wrap
	{
		width:98%;
		margin:auto;	
	}
	.col_1_2,.col_1_3,.col_2_3,.col_3_4
	{
		width:100%;
		float:left;	
	}
	
	.col_1_4
	{
		width:50%;
		float:left;	
	}
	
	.c_1_4
	{
		width:50%;
		float:left;	
	}
	
	
	.inner_col
	{
		padding:15px;	
	}
}

@media only screen and (max-width:400px)
{
	.col_1_4
	{
		width:100%;
	}
	
	.c_1_4
	{
		width:100%;
		float:none;	
	}
	
	.inner_col
	{
		padding:5px;	
	}
}