/*
-----FOR DESKTOP AND LARGER SCREENS-----
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300&display=swap');

html{

}



.hhs-bg{
	height: fit-content;
	width: fit-content;
	background-attachment: fixed;
	background-image: url("hhs-bg.d7f934b4eb61.png");
    background-repeat:no-repeat;

}
.small-light{
	color: #f6f6f6;
}
.bottom-container{
	alignment: bottom;
	background-color: #27252a !important;
	padding-bottom: 10px;
	padding-top: 10px;
	height: fit-content;


}

.order-container{
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #27252a !important;
}

body{
	background-color: #B6FF00 !important;
}

.title-container{
	justify-content: center;
}
div{
	word-wrap: break-word;
}
.light-text{
	color: #f6f6f6;
}
h1, h2, h3, h5 {
	font-family: "Inter";
	color: #27252a;
}
h4, h6{
	font-family: "Inter";

	color: #ffffff;
}
p{
	font-family: "Inter";
	color: #27252a;
}



.text-alignment{
	padding-left: 20px;
}
.text-box{
	text-align: center;
	border-radius: 3px;
	width: 300px;
	height: fit-content;
}

.cart-text{
	text-align: left;
}

.box-element{
	background-color: #27252a ;
	padding: 10px;
	overflow-wrap: break-word;
	white-space: normal;
	border-left: 1px solid #27252a;
	border-right: 1px solid #27252a;
	border-bottom: 1px solid #27252a;


}

.thumbnail{
	width: 130px;
	height: 130px;
	border: 2px solid #333333;
	background-color: #333333; !important
}

.product{
	border-radius: 0 0 4px 4px;
}

.bg-dark{
	background-color: #27252a !important;
}

#cart-icon{
	width:25px;
	display: inline-block;
	margin-left: 15px;
}

#cart-total{
	display: block;
	text-align: center;
	color:#fff;
	background-color: red;
	width: 20px;
	height: 25px;
	border-radius: 50%;
	font-size: 14px;
}

.col-lg-4, .col-lg-6, .col-lg-8, .col-lg-12{
	margin-top: 10px;
}


.services-container{
	padding-left: 20px;
}

.service-detail-container{
	align-content: center;
	text-align: center;

}

.content-center{
	align-content:center;
	text-align: center;
}
.services{

	display: inline-block;
	width: 150px;
	height: fit-content;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	word-wrap: break-word;
}

.btn{
  border: 1px solid #dddddd;
  border-radius: 3px;
}

.black{
		  border-top: 1px solid black
}
.white {
	color: #f6f6f6;
}

hr{
	  border-top: 1px solid white;
}

.complete-project-container{
	padding-top: 30px;
	width: 300px;
	height: 500px;
	padding-bottom: 5px;

}
.img{
	width: 300px;
	height: 300px;
	padding-bottom: 18px;

}
.icon-img{
	width: 75px;
	height: 50px;

}

.navbar-icon{
	height: 60px;
	width: 60px;
}
.completedprojects{

	padding-left: 10px;
	word-wrap: break-word;
}
.imgcomp{
	padding: 5px;
	width: 100px;
	height: 100px;
}
.imgann{
	align-content: center;
	padding: 5px;
	width: 135px;
	height: 135px;
}

.anntext-container{
	width: 135px;
	height: fit-content;
	word-wrap: break-word;

}
.row{
	justify-content: center;
	word-wrap: break-word;
	padding-bottom: 10px;

}
.column{
	padding-left: 15px;
	word-wrap: break-word;
}
.cart-row{
	display: flex;

    align-items: flex-stretch;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;

}

.announcements{
	padding-left: 60px;
	padding-right: 40px;
	color: #333333;
	width: 350px;
	height: 200px;
	word-wrap: break-word;


}
.strong-cart{
	padding-left: 150px;
	color: #f6f6f6;
}

.link-container{
	width: fit-content;
	height: fit-content;
}

.contact-spacer{
	padding-top: 8px;
}



/*
-----FOR MOBILE PHONES-----
 */

/*
@media only screen and (max-width: 600px){

	html{
	background-attachment: fixed;
    height: 100%;
    width: 100%;

    background: -moz-radial-gradient(center, #B6FF00 100%, #36FF00 90%);
    background: -webkit-radial-gradient(center, #B6FF00 100%, #36FF00 90%);
    background: radial-gradient(ellipse at center,  #B6FF00 100%, #36FF00 82%);
    background-repeat:no-repeat;
}

div{
	word-wrap: break-word;
}
.light-text{
	color: #f6f6f6;
}
h1, h2, h3, h5 {
	font-family: "Times New Roman";
	color: #27252a;
}
h4, h6{
	font-family: "Times New Roman";

	color: #ffffff;
}
p{
	font-family: "Times New Roman";
	color: #27252a;
}


.text-alignment{
	padding-left: 20px;
}
.text-box{
	border-radius: 3px;
	width: 300px;
	height: fit-content;




}


.box-element{
	background-color: #333333;
	border-radius: 4px;
	padding: 10px;
	overflow-wrap: break-word;
	white-space: normal;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottm: 1px solid #333333;


}

.thumbnail{
	width: 230px;
	height: 230px;
	border: 2px solid #333333;
	background-color: #333333;
}

.product{
	border-radius: 0 0 4px 4px;
}

.bg-dark{
	background-color: #27252a !important;
}

#cart-icon{
	width:25px;
	display: inline-block;
	margin-left: 15px;
}

#cart-total{
	display: block;
	text-align: center;
	color:#fff;
	background-color: red;
	width: 20px;
	height: 25px;
	border-radius: 50%;
	font-size: 14px;
}

.col-lg-4, .col-lg-6, .col-lg-8, .col-lg-12{
	margin-top: 10px;
}



.service-container{
	width: 250px;
	height: fit-content;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	word-wrap: break-word;
}

.btn{
  border: 1px solid #dddddd;
  border-radius: 3px;
}

body{
	background-color: #B6FF00;
}

hr{
	  border-top: 1px solid white;
}
.img{
	width: 300px;
	height: 300px;

}

.completedprojects{
	height: 340px;
	width: 3400px;
	justify-content: center;
	grid-auto-flow: column;
}
.imgp{
	padding: 5px;
	width: 300px;
	height: 300px;
}
.cart-row{
	display: flex;
    align-items: flex-stretch;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;

}
.announcement-container{
	color: #333333;
	width: 350px;
	padding-bottom: 10px;
	height: fit-content;

}
.strong-cart{
	padding-left: 150px;
	color: #f6f6f6;
}

}
 */