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/Promotional-Services-Marketing-Materials.jpg);
	}

	#section1{
		background: #eb9217;
		/*background-image: linear-gradient(63deg, #FFB736, #FE9031);*/
		background-image: linear-gradient(63deg, #FFB736, #FE9031);
	}


	/*====================== 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: 50%;
		height: 530px;*/
		padding: 30px 10px;
	    float: left;
	    width: 50%;
	    min-height: 175px;
	    text-align: center;
	}

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

	.service3{
		border-right: 1px solid #fff;
	}

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

	.terms{
		display: none;
		visibility: hidden;
	}

	div.col-lg-12.services p {
	    font-size: 20px;
	    font-weight: 500;
	    text-transform: uppercase;
	}

	div#section1 p.intro {
	    font-size: 25px;
	    font-weight: bold;
	    text-transform: none;
	    font-size: 1.6vw;
	}
	
}/*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/Promotional-Services-Marketing-Materials.jpg);
		background-position: center;
		background-size: cover;
		color: #fff;
		background-color: #fd628c;
	}
	
	#section1{
		background: #eb9217;
		background-image: linear-gradient(63deg, #FFB736, #FE9031);
		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;*/
	}

	.services p.intro {
	    font-size: 15px;
	    font-weight: bold;
	}

	.service1 p, .service2 p{
		/*margin-bottom: 50px;*/
	}

	div.service1,.service2,.service3 {
		border: 1px solid #fff;
		text-align: center;
		margin: 5% 0;
    	padding: 0 2%;
	}

	.service1 p, .service2 p, .service3 p {
    	padding: 6% 0;
	}
	
}/* 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-image: linear-gradient(63deg, #FFB736, #FE9031);
		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;*/
	}

	.services p.intro {
	    font-size: 15px;
	    font-weight: bold;
	}

	.service1 p, .service2 p{
		/*margin-bottom: 50px;*/
	}

	div.service1,.service2,.service3 {
		border: 1px solid #fff;
		text-align: center;
		margin: 5% 0;
    	padding: 0 2%;
	}

	.service1 p, .service2 p, .service3 p {
    	padding: 6% 0;
	}
	
}/* 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/Promotional-Services-Marketing-Materials.jpg);
	}

	#section1{
		background: #eb9217;
		background-image: linear-gradient(63deg, #FFB736, #FE9031);
	}
	
	.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: 50%;
		height: 100px;
	}

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

	.service3{
		border-right: 1px solid #fff;
	}

	.border-bottom {
		border-bottom: 1px solid #fff; */
	}
	

	div#section1 p.intro {
	    font-size: 3vw;
	    font-weight: bold;
	}
	
	/* 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/Promotional-Services-Marketing-Materials.jpg);
	}

	#section1{
		background: #eb9217;
		background-image: linear-gradient(63deg, #FFB736, #FE9031);
	}
	
	/*====================== 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: 50%;
		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;
	}

	.border-bottom {
		border-bottom: 1px solid #fff; */
	}
	

	div#section1 p.intro {
	    font-size: 2vw;
	    font-weight: bold;
	}
	
}/* Media query 992px to 1199px end */