/*!
 * Start Bootstrap - Landing Page v5.0.6 (https://startbootstrap.com/template-overviews/landing-page)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
body {
	font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700
}

header.masthead {
	position: relative;
	background-color: #343a40;
	background: url(../img/bg_danos_abstract2.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 8rem;
	padding-bottom: 8rem
}

header.masthead .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: .3
}

header.masthead h1 {
	font-size: 2rem
}

@media (min-width:768px) {
	header.masthead {
		padding-top: 12rem;
		padding-bottom: 12rem
	}
	header.masthead h1 {
		font-size: 3rem
	}
}

.showcase .showcase-text {
	padding: 3rem
}

.showcase .showcase-img {
	min-height: 30rem;
	background-size: cover
}

@media (min-width:768px) {
	.showcase .showcase-text {
		padding: 7rem
	}
}


/****************************************************
Greg edit:
It adds responsive classes for text left and right
****************************************************/
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.features-icons {
	padding-top: 7rem;
	padding-bottom: 7rem
}

.features-icons .features-icons-item {
	max-width: 20rem
}

.features-icons .features-icons-item .features-icons-icon {
	height: 7rem
}

.features-icons .features-icons-item .features-icons-icon i {
	font-size: 4.5rem
}

.features-icons .features-icons-item:hover .features-icons-icon i {
	font-size: 5rem
}

.testimonials {
	padding-top: 7rem;
	padding-bottom: 7rem
}

.testimonials .testimonial-item {
	max-width: 18rem
}

.testimonials .testimonial-item img {
	max-width: 12rem;
	-webkit-box-shadow: 0 5px 5px 0 #adb5bd;
	box-shadow: 0 5px 5px 0 #adb5bd
}

.call-to-action {
	position: relative;
	background-color: #343a40;
	background: url(../img/bg-masthead.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 7rem;
	padding-bottom: 7rem
}

.call-to-action .overlay {
	position: absolute;
	background-color: #212529;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: .3
}

footer.footer {
	padding-top: 4rem;
	padding-bottom: 4rem
}

.logo-title {
	font-family: 'Courgette', cursive;
	font-size: 2.5rem;
	font-weight: bold;
	width: 80%;
	max-width: 345px;
}

.icon-container {
	font-size: 4rem;
	border-radius: 50%;
	border-width: 5px;
	border-style: solid;
	width: 150px;
	height: 150px;
	margin: 0px auto 40px;
	line-height: 9rem;
}

.icon-container i {}

.resize-envelope{
	font-size: 1.5rem;
	border: 3px solid;
	border-radius: 50%;
	padding: 10px;
	height: 50px;
	margin: 0px 5px 0px 0px;
}
.protect-me{display:none;opacity:0;}
@media (max-width: 767px) {
.my-custom-col-12{
	width:100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0rem 1rem;
}

}