
@media only screen and (min-width: 1200px)
{
	.imagemain1 img{
		margin-top:0px;
	}

	.imagemain2 img{
		margin-top:0px;
	}

	.navbar .nav {
		margin: 0 0 0 15%;
	}
}


@media only screen and (max-width: 1200px)
{
	.navbar .nav {
		margin: 0 0 0 8%;
	}
}

@media only screen and (min-width: 980px)
{
	.nav > li {
		width: 200px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 980px)
{
	.navbar .nav {
		margin: 0 0 0 0;
	}

	.nav > li {
		width: 180px !important;
	}
}


@media only screen and (max-width: 980px)
{
	.noslider {
		margin-bottom:0px;
		margin-top:66px;
		padding-top:0;
	}
}

@media only screen and (max-width: 767px)
{

	.navbar-fixed-top{
		width:100%;
		margin:0 ;
	}

	.imagemain1 img{
		width:90%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}

	.imagemain2 img{
		width:90%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}

	.portfolio img{
		margin-right:auto;
		margin-left:auto;
		float:none;
		display:block;
	}

	.homepage4headline i{
		margin-left:48%;
	}

	.homepage4headline i:hover{
		margin-left:48%;
	}


	.imagemain3 i{
		padding-top:0px;
	}

	.couple h3{
		margin-top:22px;
	}

	.footerheart i{
		margin-left:48%;
	}
	.footerheart i:hover{
		margin-left:48%;
	}

	.mainheadlinewrapper h4{
		line-height:1;
	}

	.headlinemobile {
		display:block;
	}
	.headlinemain {
		display:none;
	}

	.imagemain1 img{
		width:auto;
		margin: 44px auto 44px auto;
		display:block;

	}
	.imagemain2 img{
		width:auto;
		margin: 44px auto;
		display:block;
		float:none;
	}

	.imagemain3 img{
		width:97%;
		margin: 22px auto;
		display:block;
	}

	.bodywrapper {
		padding-right:20px;
		padding-left:20px;
	}

	.couple h3.tophead {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 430px)
{

	.invitation h2{
		font-size:44px;
		line-height:1.6;
	}

	.invitation h4{
		font-size:36px;
		line-height:1.6;
	}

	.homepage4headline1{
		font-size:44px;
		line-height:1.6;
	}

	.homepage4headline3{
		font-size:36px;
		line-height:1.6;
	}

	.imagemain2 img{
		width:80%;
	}
	.imagemain1 img{
		width:80%;
	}
}

@media only screen and (max-width: 319px)
{
	.imagemain3 img{
		width:95%;
	}
}


@media (min-width: 858px) {
	html {
		font-size: 12px;
	}
}

@media (min-width: 780px) {
	html {
		font-size: 11px;
	}
}

@media (min-width: 702px) {
	html {
		font-size: 10px;
	}
}

@media (min-width: 724px) {
	html {
		font-size: 9px;
	}
}

@media (max-width: 623px) {
	html {
		font-size: 8px;
	}
}