html {
  font-size: 20px; /* Change to your desired base font size */
}
.jumbotron {
	height: 600px;
}
a.estimate:link {
	color: white;
}
a.estimate:visited {
	color: white;
}
a.blackLink:link {
	color: black !important;
	text-decoration: none !important;
}
a.blackLink:visited {
	color: black !important;
	text-decoration: none !important;
}
.Obutton {
	border: solid 3px #FFFFFF;
	background-color:#FF5700;
}
.Obutton:hover {
	border: solid 3px #E15001;
	background-color: #FFFFFF;
	color: #E15001 !important;
}
.banner {
	margin: 0px;
	background-image: url("https://www.abyssrising.com/images/banner_new_carrying2.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.banner2 {
	margin: 0px;
	background-image: url("images/debree.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.bannerloc {
	margin: 0px;
	background-image: url("images/bloNoBG.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}
.bannerLocation {
	margin: 0px;
	background-image: url("https://www.abyssrising.com/images/oldHouse.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}
.haul_holder {
	background-image: url("https://www.abyssrising.com/images/banner_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: auto;
	color: black;
	padding-top: 30px;
}
.whiteText {
	color: white;
}
#contact {
	width: 70%;
	margin: 0 auto 0 auto;
}
#callUs {
	width: 25%;
	float: left;
}
#contactForm {
	width: 75%;
	float: left;
}
/* Loader */
.loader_holder {
	position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
	background-color: rgba(255,255,255,0.50);
	display: none;
	text-align: center;
}
.loader {
	margin-top: 50vh;
	margin-left: auto;
	margin-right: auto;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid blue;
  border-right: 8px solid yellow;
  border-bottom: 8px solid red;
  border-left: 8px solid orange;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #FF5700;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
#submit_btn {
  background-color: #FF5700;
  color: white;
  padding: 12px 20px;
  border: solid medium white;
  border-radius: 4px;
  cursor: pointer;
	width: 200PX;
}
#submit_btn:hover {
  background-color: white;
  color: black;
}
.card-body a:link, #contact_holder_white a:link {
	color: #FF5700;
	text-decoration:none;
}
.card-body a:link, #contact_holder_white a:hover {
	color: #FF6700;
	text-decoration: none;
}
.card-body a:link, #contact_holder_white a:visited {
	color: #FF5700;
	text-decoration: none;
}
#aboutText {
	color: white;
}
.bigBoy {
	font-size: 96px; 
	font-weight: bold;
	line-height: -200px;
}
 .my-hover-effect {
        /* Initial styles */
        transition: all 0.3s ease; /* Smooth transition for changes */
    }

    .my-hover-effect:hover {
        /* Styles to apply on hover */
        transform: scale(1.05); /* Example: slightly enlarge the element */
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); /* Example: add a shadow */
        background-color: #f8f9fa; /* Example: change background color */
    }
/* Loader */
.loader_holder {
	position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
	background-color: rgba(255,255,255,0.50);
	display: none;
	text-align: center;
}
.loader {
	margin-top: 50vh;
	margin-left: auto;
	margin-right: auto;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid blue;
  border-right: 8px solid yellow;
  border-bottom: 8px solid red;
  border-left: 8px solid orange;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@media only screen and (max-width : 750px) {
	#contactForm {
		width: 100%;
		float: none;
		text-align: left;
		color: white;
		padding: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	#callUs {
		width: 100%;
		float: none;
		text-align: center;
	}
	.jumbotron {
	height: auto;
}
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}