@charset "UTF-8";
/* CSS Document */

.bannerText {
  text-align: center;
  color: white;
  padding-top: 130px;
}

.banner{
	background-image: url( "../images/banner.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	max-width: 100%;
}

.centered {
  font-family: poppins;
  font-size: 62px;
  font-weight:400;
}


p{
	font-size: 16px;
	font-family: Roboto;
	line-height: 1.5;
	color: #696B6B;
}

.nav-link{
	color: #2C3740;
	text-transform: uppercase;
	font-size: 14px;
}
.nav-link:hover{
	color: #D9042B;
}

.content.container{
	margin-top: 100px;
	margin-bottom: 100px;
}
.content.container-fluid{
	margin-top: 180px;
}

.contentHeading{
	color: #2C3740;
	font-family: poppins;
	font-size: 40px;
	text-transform:none;
}


.footer.container-fluid{
	background-color: #2C3740;
}

.footerContent {
	padding-top: 5px;
	padding-bottom: 5px;
}

.btn-msg{
	background-color: #D9042B;
	color: #FFFFFF;
	border: none;
	padding: 10px 35px;
	border-radius: 25px;
	font-size: 14px;
}



h3,h6 {
	color: #002581;
}

.headerHome {
	background-color: #FFFFFF;
	box-shadow: 0 0 6px 2px #5F5F5F;
}


@media (max-width: 544px) {
    .contentHeading{font-size: 2rem;}
}
@media (max-width: 544px) {
    .centered{font-size: 3rem;}
}


.pHead {
	color: #000000;
}

html, body {
  height: 100%;
}

.howEasy{
	background-color: white;
	background-size: cover;
	height: 100%;
	max-width: 100%;
}

.digitalMenu{
	background-image: url( "../images/digital-menu.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	max-width: 100%;
}

.easyMenu{
	background-image: url("../images/easy-menu.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	max-width: 100%;
}
.contact{
	background-color: white;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	max-width: 100%;
}
.branding{
	background-image: url( "../images/branding.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	max-width: 100%;
}

@media (min-width: 1200px) {
    .banner{padding-top: 200px;}
}
@media (min-width: 1200px) {
    .easyMenu{padding-top: 15%;}
}

@media (min-width: 1200px) {
    .digitalMenu{padding-top: 13%;}
}

@media (min-width: 1200px) {
    .branding{padding-top: 15%;}
}

@media (min-width: 1200px) {
    .howEasy, .how-to{padding-top: 10%;}
}
@media (min-width: 1200px) {
    .contact{padding-top: 10%;}
}

@media (max-width: 576px) {
    .banner{padding-top: 200px;}
}
@media (max-width: 576px) {
    .easyMenu{padding-top: 20%;}
}

@media (max-width: 576px) {
    .easyMenu{background-image: url( "../images/easy-menu-small.jpg")}
}

@media (max-width: 576px) {
    .digitalMenu{padding-top: 45%;}
}
@media (max-width: 576px) {
    .digitalMenu{background-image: url("../images/digital-menu-small.jpg");}
}

@media (max-width: 576px) {
    .branding{padding-top: 45%;}
}

@media (max-width: 576px) {
    .branding{background-image: url("../images/branding-small.jpg")}
}

@media (max-width: 576px) {
    .howEasy, .how-to{padding-top: 30%;}
}
@media (max-width: 576px) {
    .contact{padding-top: 10%;}
}

.textContent {
	color: #2C3740;
}

.features {
	margin-top: 20%;
}