body{
	color: #334B49;
}

/*
.container {
box-shadow: 0 0 50px #334B49;
}
*/

img{
	padding: 1px 1px 1px 30px;
}

#justify {
	text-align: justify-all;
	text-justify: inter-word;
}

.well{
	background-color: #f8f9fa;
}

.jumbotron{
	text-align: center;
	background-color: #f8f9fa;
	color: #334B49;
	padding-top: 20px;
	padding-bottom: 20px;
}

#list-group-item-heading{
	text-align: center;
}

.img-thumbnail{
 	box-shadow: none;
 	border: 0;
}

.fa{
	color: #334B49;
}

.fas{
	color: #334B49;
}

.fa-light{
	color: #334B49;
}

.fa-brands{
	color: #334B49;
}

.fa-regular{
	color: #334B49;
}

.card-header {
    color: #334B49;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.btn{
	color: #334B49;
	border-color: #334B49;
	accent-color: #334B49;
	box-shadow: 0px 0px 2px 2px rgb(0,0,0);
}

.btn-lg:hover{
	color: white;
	background-color: #334B49;
	color: white;
}

.social-icons {
    display: flex;
    width: 100%;
    justify-content: end;
    margin-top: auto;
    gap: clamp(0.4rem, 2vw, 0.8rem);
}
  
.social-icons li {
    list-style: none;
}

.social-icons li a {
    position: relative;
    display: block;
    display: grid;
    place-items: center;
    font-weight: bold;
    transition: .2s;
    color: #334B49;
}

.social-icons li a svg {
    stroke: var(--background);
    width: clamp(1.6rem, 2.3vw, 2rem);
    height: clamp(1.6rem, 2.3vw, 2rem);
    stroke-width: 2px;
    color: #334B49;
}

.social-icons li a:hover svg {
    transition: 1.2s;
    transform: rotateY(360deg);
    color: #334B49;
}

.mainButton {
	width: 40%;
	text-align: center;
	justify-content: center
}

.card-body p{
	color: #334B49;
}

.card-body a{
	text-decoration: none;
}

.card-body img{
	padding-bottom: 20px;
}

/* New items for form */

.contact{
	background:#f8f9fa;
  }

.contact h4{
	padding: 10px;
	color: #334B49;
}
  
  /* FORM STYLES */
  .contact form{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;
  }
  
  .contact form label{
	display:block;
	color: #334B49;
  }
  
  .contact form p{
	margin:0;
  }
  
  .contact span{
	color: crimson;
  }
  .contact form .full{
	grid-column: 1 / 3;
  }
  
  .contact form button, .contact form input, .contact form textarea{
	width:95%;
	padding:1em;
	border:1px solid #c9e6ff;
  }
  
  .contact form button{
	color: #334B49;
	border-color: #334B49;
	border-radius: 15px;
	accent-color: #334B49;
	box-shadow: 0px 0px 2px 2px rgb(0,0,0);
	text-transform: uppercase;
  }
  
  .contact form button:hover,.contact form button:focus{
	color: white;
	background-color: #334B49;
	outline:0;
	/* transition: background-color 2s ease-out; */
  }