body {
  scroll-behavior: smooth;
}

/**
 * Bootstrap "Journal code" icon
 * @link https://icons.getbootstrap.com/icons/journal-code/
 */
.line40{
	 height:40px;
 }
 
.bd-heading {
	  color:#3D7A95;
  }
.card-header{
	font-size:2rem;
	color:#3D7A95;
	text-transform:capitalize;
  }
.accordion-header{
	border-style:solid;
	border-color: #3D7A95;
}

.bd-heading a::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .25rem;
  content: "";
  background-image: ;
  background-size: 1em;

}
/* stylelint-disable-next-line selector-max-universal */
.bd-heading + div > * + * {
  margin-top: 4rem;
}
.box{
  border: 1px solid;
  padding: 10px;
  box-shadow: 1px 1px 10px 1px #888888;
}
#intro{
	grid-column: 1 / span 3;
	margin-top:400px;
	background-color:;
  }
#intro h1{
	color:#3D7A95;
	font-size:4rem;
	font-weight:700;
	line-height:20px;
	
}
#intro h1 span{
	font-size:0.75rem;
	color:#333;
}
#intro h2 {
	font-size:1.5rem;
	font-weight:300;
	color:#3D7A95;
}
#intro h4 {
	font-size:2rem;
	font-weight:600;
	color:#3D7A95;
}
#intro h6 {
	font-size:1.25rem;
	font-weight:600;
	color:#3D7A95;
	text-align:center;
}
#intro .img-logo{
	max-width:50%;
}
.carousel {
	position:absolute;
	top:0px;
    grid-column: 1 / span 3;
  }
.carousel-caption{
	position:absolute;
	background-color: #3D7A95;
	opacity: 0.7;
	width:40%;
	height:100%;
	right:15%;
	bottom:0rem;
	left:0%;
	padding:3rem;
	}
.carousel-caption h5{
	margin-top:50px;
	color:#fff;
	font-size:3rem;
}
.carousel-caption p{
	color:#fff;
	font-size:1.125rem;
}
footer {
    grid-column: 1 / span 3;
  }
.credit, .credit a{
	font-size:0.625rem;
	text-align:right;
	color:#FFF;
}
.copyright{
	font-size:0.625rem;
	color:#FFF;
}

.b-example-divider {
  grid-column: 1 / span 3;
  height: 1rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
/* Table of contents */
.bd-aside a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: .3125rem;
  color: rgba(0, 0, 0, .65);
  text-decoration: none;
}
/* form-control contents */

.form-control {
  border: none;
  border: 1px solid #ccc;
  border-radius: 4px; }
.form-control:active, .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #000; }

.col-form-label {
  color: #000; }

.btn, .form-control, .custom-select {
  height: 50px; }

.custom-select:active, .custom-select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000; }

.heading {
  color: #888;
  letter-spacing: .05rem;
  text-transform: uppercase;
  font-weight: 400; }

.btn {
  color: #fff;
  border: none;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important; }
.btn:hover {
    color: #fff; }
.btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

label.error {
  font-size: 12px;
  color: red; }

#message {
  resize: vertical; }

#form-message-warning, #form-message-success {
  display: none; }

#form-message-warning {
  color: #B90B0B; }

#form-message-success {
  color: #55A44E;
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

.submitting {
  text-align: center;
  float: left;
  width: 100%;
  padding: 10px 0;
  display: none;
  font-weight: bold;
  font-size: 12px;
  color: #000; }
/* Layout */
@media (max-width: 768px) {

.carousel {
	top:40px;
  }

  .bd-header {
    position: fixed;
	width:100%;
	z-index:999;
  }
  #intro{
	margin-top:150px;
  }
  #intro h1{
	color:#3D7A95;
	font-size:3rem;
	font-weight:700;
	line-height:20px;
	
}
#intro h1 span{
	font-size:0.625rem;
	color:#333;
}
}
@media (min-width: 1200px) {
  body {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 4fr 1fr;
    grid-template-rows: auto;
  }

.bd-header {
    position: fixed;
    top: 0;
    /* rtl:begin:ignore */
    right: 0;
    left: 0;
    /* rtl:end:ignore */
    z-index: 1030;
    grid-column: 1 / span 3;
  }
.bd-header ul li{
		color:#FFF;
		display:inline;
		padding-right:20px;
  }

  /**
   * 1. Too bad only Firefox supports subgrids ATM
   */
  .bd-cheatsheet,
  .bd-cheatsheet section,
  .bd-cheatsheet article {
    display: inherit; /* 1 */
    gap: inherit; /* 1 */
    grid-template-columns: 1fr 4fr;
    grid-column: 1 / span 2;
    grid-template-rows: auto;
  }

  .bd-aside {
    grid-area: 1 / 3;
    scroll-margin-top: 4rem;
  }

  .bd-cheatsheet section > h2::before {
    position: absolute;
    /* rtl:begin:ignore */
    top: 0;
    right: 0;
    bottom: -2rem;
    left: 0;
    /* rtl:end:ignore */
    z-index: -1;
    content: "";
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) calc(100% - 3rem), rgba(255, 255, 255, .01));
  }

  .bd-cheatsheet .bd-heading {
    z-index: 1;
  }
  .bd-cheatsheet article,
  .bd-cheatsheet .bd-heading {
    top: 4rem;
    scroll-margin-top: 4rem;
  }
  .bd-cheatsheet section,
  .bd-cheatsheet section > h2 {
    scroll-margin-top: 4rem;
  }
}