.top-nav{
  overflow:hidden;
  background:#000033;
}

.top-nav p{
  position:absolute;
  top:1px;
  left:20px;
  color:#fff;
  text-shadow:3px 3px 3px #000;
}

.bg-high {
  background-color: #000033;
}

#deep{
  overflow:hidden;
  position:relative;
  height:100px;
  width:100%;
}

html {
    height: 100%;
}

body {
  height: 100%;
  overflow-y: hidden;
}

.main-container {
  padding-top: 60px;
}

.statement-container {
  padding-top: 160px;
}

@media screen and (min-width: 1000px) {
  .statement-h2 {
    font-size: 2rem;
    text-align: center;
    color: gray;
  }
  .statement-text {
    font-size: 2.4rem;
    text-align: center;
  }
}
@media screen and (max-width: 999px) {
  .statement-h2 {
    font-size: 1rem;
    text-align: center;
    color: gray;
  }
  .statement-text {
    font-size: 1.4rem;
    text-align: center;
  }
}

.color-deep {
  color: #cc0909;
  ;
}

.color-high {
  color: #030372;
}

.top-star-area {
  padding-top: 56px;
  height:  112px;
  background:#000033;
}

.top-box {
  position: absolute;
  top: 0;
height: 56px;
left: 0;
}


.breadcrumb {
  background:transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
  content:'>';
}

.no-gutters {
  margin:0;
  padding:0;
}
 
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  margin:0;
  padding:0;
}

.top-box {
  position: relative;
}

.required {
  display: inline-block;
  line-height: 1;
  color: #fff;
  font-size: 0.8rem;
  background: #e2451a;
  border-radius: 0.5rem;
  padding: 0.2rem 0.2rem;
  margin-left: 0.2rem;
}

.contact-textarea {
  max-width: 100%;
  min-height: 80px;
}

.list_error {
	margin-bottom: 40px;
	padding: 20px;
	color: #d54545;
	border: 4px solid #d54545;
	list-style-type: none;
}

#container {
    width: 100%;
    position: relative;
    height: auto;
    min-height: 100%;
}
 
#contents {
    padding-bottom: 100px;
}

p.break{
  word-wrap: break-word;
}
 
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #cc0909;
  color: #fff;
  text-align: center;
  }

img.miniimage { display: none; }

@media screen and (min-width: 1000px) {
   img.miniimage { display: none; } 
   img.bigimage  { display: block; }
   p.resizeimage img {
     margin:auto;
    }
}
@media screen and (max-width: 999px) {
   img.miniimage { display: block; }
   img.bigimage  { display: none; }
   p.resizeimage img { width: 100%; }
}