body{
    font-family: 'Montserrat', arial sans-serif;
}

/* Large desktops and laptops */
@media only screen and (min-width:1200px){

	/*====================== 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/MARKETINGbanner.jpg);
	}

	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #3ad9fd, #267fe2);
	}


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

	.services{
		color: #fff;	
	}

	.services h1{
		font-weight: 800;
		line-height: 30px;
		font-size: 27px;
		margin: 0 0 30px 0;
		text-transform: uppercase;
	}

	.intro{
		text-align: center;
		font-size: 22px;
		color: #fff;
		margin-bottom: 50px;
	}

	.services p{
		font-size:15px;
		line-height: 1.5;
	}

	.service1, .service2, .service3{
		padding: 50px 50px;
		float: left;
		width: 33.33333333333333%;
		height: 230px;
	}

	.service1, .service2, .service3{
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.service3{
		border-right: 1px solid #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_digital.jpg);
		background-position: center;
		background-size: cover;
		color: #fff;
		background-color: #fd628c;
	}
	
	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #3ad9fd, #267fe2);
		color: #fff;
		padding: 50px 0;
	}
	
	.intro{
		text-align: left;
		margin-bottom: 50px;
	}
	
	.services h1{
		font-weight: 800;
		line-height: 25px;
		font-size: 25px;
		margin: 0 0 20px 0;
		text-transform: uppercase;
	}
	
	.services p{
		font-size:15px;
	}

	.service1 p, .service2 p{
		margin-bottom: 50px;
	}
	
}/* 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_digital.jpg);
		background-position: center;
		background-size: cover;
		color: #fff;
		background-color: #fd628c;
	}
	
	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #3ad9fd, #267fe2);
		color: #fff;
		padding: 50px 0;
	}
	
	.intro{
		text-align: left;
		margin-bottom: 50px;
	}
	
	.services h1{
		font-weight: 800;
		line-height: 25px;
		font-size: 25px;
		margin: 0 0 20px 0;
		text-transform: uppercase;
	}
	
	.services p{
		font-size:15px;
	}

	.service1 p, .service2 p{
		margin-bottom: 50px;
	}
	
}/* Media query 480px to 767px end */

/* Portrait tablets and small desktops */
@media (min-width:768px) and (max-width:991px){
	
	.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/MARKETINGbanner.jpg);
	}

	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #3ad9fd, #267fe2);
	}
	
	.services{
		color: #fff;	
	}

	.services h1{
		font-weight: 800;
		line-height: 30px;
		font-size: 27px;
		margin: 0 0 20px 0;
		text-transform: uppercase;
	}

	.intro{
		text-align: center;
		font-size: 22px;
		color: #fff;
		margin-bottom: 50px;
}

	.services p{
		font-size:15px;
		line-height: 1.5;
	}

	.service1, .service2, .service3{
		padding: 30px 30px;
		float: left;
		width: 33.33333333333333%;
		height: 230px;
	}

	.service1, .service2, .service3{
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.service3{
		border-right: 1px solid #fff;
	}
	
	/* Bottom Social Links */
	
	.social{
		display: none;
		visibility: hidden;
	}

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

/* Landscapes tablets and medium desktops */
@media (min-width:992px) and (max-width:1199px){
	
	#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/MARKETINGbanner.jpg);
	}

	#section1{
		background: #eb9217;
		background: linear-gradient(to top right, #3ad9fd, #267fe2);
	}
	
	/*====================== Offerings ====================== */

	.services{
		color: #fff;	
	}

	.services h1{
		font-weight: 800;
		line-height: 1;
		font-size: 22px;
		margin: 0 0 20px 0;
		text-transform: uppercase;
	}
	
	.intro{
		text-align: center;
		font-size: 22px;
		color: #fff;
		margin-bottom: 50px;
	}

	.services p{
		font-size:15px;
	}
	.service1, .service2, .service3{
		padding: 50px 50px;
		float: left;
		width: 33.33333333333333%;
		height: 200px;
	}

	.service1, .service2, .service3{
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.service3{
		border-right: 1px solid #fff;
	}
	
}/* Media query 992px to 1199px end */