body{
    font-family: 'Montserrat', arial sans-serif;
}
/* Large desktops and laptops */
@media only screen and (min-width: 1200px){
	
	.navbar-brand{
		padding: 20px 20px;
	}

	/*====================== Vertical Middle Align ====================== */

	#fullpage{
		height: 100vh;
		overflow: hidden;
	}

	.site-wrapper {
		display: table;
		width: 100%;
		height: 100vh; /* For at least Firefox */
		min-height: 100%;
	}

	.site-wrapper-inner {
		display: table-cell;
		vertical-align: middle;
	}

	.cover-heading h1{
		text-transform: uppercase;
		color: #fff;
		font-size: 50px;
		line-height: 1;
		text-align: center;
		font-weight: 800;
		margin: 0;
	}

	/*====================== Full page Background ====================== */

	#section0,
	#section1{
		background-position:center;
		background-size:cover;
	}

	#section0{
		background-image: url(../images/Masterstrokebanner.jpg);
	}

	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #00c9ff, #8cf396);
	}

	/*====================== Offerings ====================== */

	.box{
		display: block;
		height: auto;
	}

	#section1 li{
		width: 33.33333333333333%;
		border: 1px solid #fff;
		height: 275px;
		padding-top: 60px;
		float: left;
	}

	#section1 img{
		margin-bottom: 10px;
	}

	#section1 hr{
		width: 50%;
	}

	.overlay{
		position: absolute;
		background-color: #171a2b;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 0;
		transition: .5s ease;
	}

	.box:hover .overlay{
		bottom: 0;
		height: 100%;
	}

	.text{
		color: #fff;
		font-size: 15px;
		position: absolute;
		padding: 40px;
		opacity: 0;	
	}

	.box:hover .text{
		opacity: 1;
		transition: .5s ease;
	}

	#section1 h1{
		font-size: 27px;
		line-height: 30px;
		font-weight: 500;
		top: 50%;
		margin: 0;
		text-transform: uppercase;
		color: #fff;
	}
	
	/* Bottom Social Links */
	
	.social{
		display: none;
		visibility: hidden;
	}

	.terms{
		display: none;
		visibility: hidden;
	}
	
}/* media query min 1200px end */

/* Portraits Phones and Smaller */
@media only screen and (max-width:479px){
	
	div.site-wrapper:nth-last-child(3){
		display: table;
		width: 100%;
		height: 100vh; /* For at least Firefox */
		min-height: 100%;
	}

	div.site-wrapper-inner:nth-child(1){
		display: table-cell;
		vertical-align: middle;
	}
	
	.cover-heading h1{
		text-align: center;
		text-transform: uppercase;
		font-size: 25px;
		font-weight: 800;
		margin: 0;
	}
	
	#section0{
		background-image: url(../images/m_Masterstroke.jpg);
		background-position: center;
		background-size: cover;
		color: #fff;
		background-color: #fd628c;
	}
	
	#section1{
		background: #00c9ff;
		background: linear-gradient(to top right, #00c9ff, #8cf396);
		color: #fff;
		padding: 20px 0;
	}
	
	.box{
		display: block;
		height: auto;
	}

	.box hr{
		width: 50%;
	}
	
	#section1 h1{
		font-size: 25px;
		line-height: 1;
		font-weight: 700;
		margin: 0 0 20px 0;
		text-transform: uppercase;
		color: #fff;
	}

	#section1 li{
		border: 1px solid #fff;
		padding: 20px 10px;
		margin-bottom: 20px;
	}
	
	#section1 li:last-child{
		margin-bottom: 0px;
	}
	
}/* media query 479px end */

/* Landscapes phones and portrait tablets */
@media (min-width:480px) and (max-width:767px){
	
	div.site-wrapper:nth-last-child(3){
		display: table;
		width: 100%;
		height: 100vh; /* For at least Firefox */
		min-height: 100%;
	}

	div.site-wrapper-inner:nth-child(1){
		display: table-cell;
		vertical-align: middle;
	}
	
	.cover-heading h1{
		text-align: center;
		text-transform: uppercase;
		font-size: 25px;
		font-weight: 800;
		margin: 0;
	}
	
	#section0{
		background-image: url(../images/ml_Masterstroke.jpg);
		background-position: center;
		background-size: cover;
		color: #fff;
		background-color: #fd628c;
	}
	
	#section1{
		background: #00c9ff;
		background: linear-gradient(to top right, #00c9ff, #8cf396);
		color: #fff;
		padding: 20px 0;
	}
	
	.box{
		display: block;
		height: auto;
	}

	.box hr{
		width: 50%;
	}
	
	#section1 h1{
		font-size: 25px;
		line-height: 1;
		font-weight: 700;
		margin: 0 0 20px 0;
		text-transform: uppercase;
		color: #fff;
	}

	#section1 li{

		border: 1px solid #fff;
		padding: 20px 10px;
		margin-bottom: 20px;
	}
	
	#section1 li:last-child{
		margin-bottom: 0px;
	}
	
} /* Media query 480px to 767px end */

/* Portrait tablets and small desktops */
@media (min-width:768px) and (max-width:991px){
	
	/*====================== logo ====================== */

	.navbar-brand{
		padding: 20px 20px;
	}
	
	/*====================== Vertical Middle Align ====================== */
	
	#fullpage{
		height: 100vh;
		overflow: hidden;
	}

	.site-wrapper {
		display: table;
		width: 100%;
		height: 100vh; /* For at least Firefox */
		min-height: 100%;
	}

	.site-wrapper-inner {
		display: table-cell;
		vertical-align: middle;
	}

	.cover-heading h1{
		text-transform: uppercase;
		color: #fff;
		font-size: 50px;
		line-height: 1;
		text-align: center;
		font-weight: 800;
		margin: 0;
	}
	
	/*====================== Full page Background ====================== */

	#section0,
	#section1{
		background-position:center;
		background-size:cover;
	}

	#section0{
		background-image: url(../images/Masterstrokebanner.jpg);
	}

	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #00c9ff, #8cf396);
	}

	/*====================== Offerings ====================== */
	
	box{
		display: block;
		height: auto;
	}

	#section1 li{
		width: 33.33333333333333%;
		border: 1px solid #fff;
		padding-top: 20px;
		float: left;
	}
	
	#section1 li:nth-child(1), #section1 li:nth-child(2), #section1 li:nth-child(3){
		height: 370px;
	}
	
	#section1 li:nth-child(1), #section1 li:nth-child(2){
		border-bottom: 0;
		border-right: 0;
	}
	
	#section1 li:nth-child(3){
		border-bottom: 0;
	}
	
	#section1 li:nth-child(4), #section1 li:nth-child(5){
		border-right: 0;
	}
	
	#section1 li:nth-child(4), #section1 li:nth-child(5), #section1 li:nth-child(6){
		height: 450px;
	}
	
	.text{
		color: #fff;
		font-size: 15px;
		padding: 10px 15px;
	}

	#section1 hr{
		width: 50%;
	}

	#section1 h1{
		font-size: 22px;
		line-height: 1;
		font-weight: 500;
		top: 50%;
		margin: 0;
		text-transform: uppercase;
		color: #fff;
	}
	
	/* Bottom Social Links */
	
	.social{
		display: none;
		visibility: hidden;
	}

	.terms{
		display: none;
		visibility: hidden;
	}
	
} /* Media query 768px to 991px end */

/* Landscape tablets and medium desktop */
@media (min-width:992px) and (max-width:1199px){
	
	/*====================== logo ====================== */

	.navbar-brand{
		padding: 20px 20px;
	}
	
	#fullpage{
		height: 100vh;
		overflow: hidden;
	}

	.site-wrapper {
		display: table;
		width: 100%;
		height: 100vh; /* For at least Firefox */
		min-height: 100%;
	}

	.site-wrapper-inner {
		display: table-cell;
		vertical-align: middle;
	}

	.cover-heading h1{
		text-transform: uppercase;
		color: #fff;
		font-size: 50px;
		line-height: 1;
		text-align: center;
		font-weight: 800;
		margin: 0;
	}
	
	/*====================== Full page Background ====================== */

	#section0,
	#section1{
		background-position:center;
		background-size:cover;
	}

	#section0{
		background-image: url(../images/Masterstrokebanner.jpg);
	}

	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #00c9ff, #8cf396);
	}
	
	/*====================== Offerings ====================== */
	
	box{
		display: block;
		height: auto;
	}
	
	#section1 li{
		width: 33.33333333333333%;
		border: 1px solid #fff;
		padding-top: 20px;
		float: left;
	}
	
	#section1 li:nth-child(1), #section1 li:nth-child(2), #section1 li:nth-child(3){
		height: 290px;
	}
	
	#section1 li:nth-child(1), #section1 li:nth-child(2){
		border-bottom: 0;
		border-right: 0;
	}
	
	#section1 li:nth-child(3){
		border-bottom: 0;
	}
	
	#section1 li:nth-child(4), #section1 li:nth-child(5){
		border-right: 0;
	}
	
	#section1 li:nth-child(4), #section1 li:nth-child(5), #section1 li:nth-child(6){
		height: 360px;
	}
	
	.text{
		color: #fff;
		font-size: 14px;
		padding: 10px 15px;
	}

	#section1 hr{
		width: 50%;
	}

	#section1 h1{
		font-size: 22px;
		line-height: 1;
		font-weight: 500;
		margin: 0;
		text-transform: uppercase;
		color: #fff;
	}
	
}/* Media query 992px to 1199px end */