body {
	font-family: 'Poppins', sans-serif;
}
#banner {
	background-image: url(https://www.skymedia.com.sg/wp-content/uploads/2019/04/Skymedia-background.jpg?id=71634) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	height: 100vh;
}
#banner h2 {
	font-size: 64px;
	font-weight: 400;
	color: #ffffff;
	line-height: 70px;
	text-align: center;
	text-shadow: 2px 2px 5px #000000;
}

#video-text-col .video-side-text {
	font-size: 16px;
	font-weight: 300;
}

#why-section {
	background-color: #272727 !important;
}
#why-section h3 {
	font-weight: 600;
	color: #FFFFFF;
}
#why-section h4 {
	font-weight: 400;
	color: #FFFFFF;
}

.item img {
	height: 174px;
	width: 174px;
	padding: 25px;
	border: 1px solid #FFFFFF;
}

#goodbye h2 {
	font-weight: 600;
}

#goodbye h3 {
	font-weight: 600;
	font-size: 34px;
}

#goodbye ul {
	font-weight: 600;
	list-style: none;
	margin-left: -40px;
    
}
#goodbye ul li:before {
    content: '\2713';
}
#goodbye ul li {
	font-size: 28px !important;
}
#stats {
	background-color: #272727 !important;
	color: #FFFFFF;
}
#stats h4 {
	font-weight: 400;
	font-size: 34px;
}

h3.testi-name {
    font-size: 38px !important;
    font-weight: 800;
}

#solutions {
	background-color: #272727;
	color: #ffffff;
}
#solutions h3 {
	font-weight: 600;
}
#solutions ul {
	font-weight: 600;
	list-style: none;
	margin-left: -40px;
    
}
#solutions ul li:before {
    content: '\2713';
}
#solutions ul li {
	font-size: 28px !important;
}
#solutions ul#secret {
	font-weight: 300;
	font-size: 18px !important;
}
#solutions ul#secret li {
	font-weight: 300;
	font-size: 18px !important;
}

.no-gutters {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.border-3 {
    border-width: 3px!important;
}
input:focus::placeholder {
	color: transparent;
}
textarea:focus::placeholder {
	color: transparent;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	#banner h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.display-4 {
		font-size: 2.5rem;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}