.headerWindow {
    position:relative;
    min-height: 45vh;
    padding: 0 0 20px 0;
    overflow: hidden;
	margin-bottom:-20px;
}
.headerWindow .headerTop{
	padding:20px 0;
}
.headerWindow .logo{
	max-height:100%;
}
.headerWindow .phone{
    margin-top: 13px;	
}

.headerWindow .headerContent{
	min-height: 200px;
    padding: 30px 0 0;
}
.headerWindow .headerContent h3{
	margin-top:0px;
}
.headerWindow .headerContent a{
	margin:6px;
}

.headerWindow .mockup-01{
	position: relative;
	height: 500px;
	padding-top: 0;
	overflow: hidden;
}

.headerWindow .whiteWave,
.headerWindow .blueWave{
	display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;	
    bottom: -20px;
}
.headerWindow .blueWave{
    bottom: 0%;

}

@media screen and (min-width: 769px){
	.headerWindow .phone{
		float:right;
	}
}
@media screen and (max-width: 1024px){
	.headerWindow .blueWave {		

	}
	.headerWindow .whiteWave{
		bottom: -10px;
	}
	.headerWindow .headerContent {
		padding: 0px 0 0;
	}
}
@media screen and (max-width: 769px){
	.headerWindow .headerTop{
		text-align: center;
	}
	.headerWindow .logo {
		margin: auto;
		display: block;
		max-width: calc(100% - 140px);
		float: left;
		margin-left: 20px;
		height: auto;
	}
	.headerWindow .phone{
		padding:12px 20px;
		float: right;
		margin-right: 20px;
	}
	.headerWindow .phone font{
		display:none;
	}
	
	.headerWindow .whiteWave, .headerWindow .blueWave {
		right: -100px;
		width: 170%;
		max-width: 200%;
		bottom: -60px !important;
	}
	.headerWindow .blueWave {
		bottom: -40px !important;
	}
}
@media screen and (max-width: 440px){	
	body .headerWindow .whiteWave{
		bottom: 0px !important;
	}
	body .headerWindow .blueWave {
		bottom: 10px !important;		
	}
}

.headerTop .button.phone{
   margin-right:10px;
}