@media screen and (max-width: 1230px) {
	
	header{
		min-height: 150px;
	}
	
	#menu{
		float: right;
		padding-top: 20px;	
	}
}

@media screen and (max-width: 980px) {
	
	.content-text{	
		max-width: 45%;
	}
	
	header{
		min-height: 150px;
	}
	
	#menu{
		float: right;
		padding-top: 20px;	
	}
	
	#login-form{
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	
	.content-text{	
		max-width: 40%;
	}
	
	header{
		min-height: 150px;
	}
	
	#menu li{	
	display: inline;
	padding: 15px;
	padding-right: 20px;
	font-family: gautami;
	font-size: 15px;	
	}	
}

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

	.content-text{	
		max-width: 90%;
	}
	
	header{
		min-height: 170px;
	}
	
	#side-bar-div{
	margin-top: 0px;
	margin-left: 60px;
	float: left;	
	width: 70%;
	height: auto;
	background-color: #B6B6B6;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	}
	
	#about-side-bar-div{
	margin-top: 0px;
	margin-left: 60px;
	float: left;	
	width: 70%;
	height: auto;
	background-color: #B6B6B6;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	font-family: gautami;
	}
	
	#contact-side-bar-div{
	margin-top: 0px;
	margin-left: 50px;
	float: left;	
	width: 70%;
	height: auto;
	background-color: #B6B6B6;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	font-family: gautami;
	}
	
	#contact-form{
	float: left;
	width: 100%;
	height: auto;
	background-color: #B6B6B6;
	border-radius: 10px;
	padding-left: 0px;
	}
}

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

	#logo{
		width: 350px;
	}
}

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

	#logo{
		width: 300px;
	}
	
	#menu{
	float: none;
	padding-top: 0px;
	}
	
	#menu li{	
		display: inline;
		padding: 0px;
		padding-right: 20px;
		font-family: gautami;
		font-size: 15px;	
	}
	
	#side-bar-div{
		margin-top: 0px;
		margin-left: 10px;
		float: left;	
		width: 80%;
		height: auto;
		background-color: #B6B6B6;
		border-radius: 10px;
		padding: 20px;
		margin-bottom: 20px;
	}
	
	#about-side-bar-div{
		margin-top: 0px;
		margin-left: 10px;
		float: left;	
		width: 80%;
		height: auto;
		background-color: #B6B6B6;
		border-radius: 10px;
		padding: 20px;
		margin-bottom: 20px;
		font-family: gautami;
	}
	
	#contact-side-bar-div{
		margin-top: 0px;
		margin-left: 10px;		
		float: left;	
		width: 80%;
		height: auto;
		background-color: #B6B6B6;
		border-radius: 10px;
		padding: 20px;
		margin-bottom: 20px;
		font-family: gautami;
	}
	
	#contact-form{
		float: left;
		width: 100%;
		height: auto;
		background-color: #B6B6B6;
		border-radius: 10px;
		padding-left: 10px;		
		margin-bottom: 20px;
	}
	
	.content-text{
		padding: 10px;
	}
	
	#login-form{	
		width: 95%;
		height: auto;
		background-color: #B6B6B6;
		border-radius: 10px;
		padding:10px;
	}
	
	#footer-contacts{
		padding-right: 0px;
		font-family: gautami;
		font-size: 12px;
		float: right;
		color: #808080;
		width: 70%;
		clear: both;
		margin-right: 50px;
	}
	
}