.container-fluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1250px}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
  color: #222222;
  text-align: left;
  background-color: #feb165;
  
}

/* Custom, iPhone Retina */ 
@media(max-width:320px){
    body {
        
        font-size:12px;
     }
	
}
@media only screen and (min-width : 320px) {
     body {
       
        font-size:14px;
    }
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
     body {
       
        font-size:16px;
    }
	
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
     body {
       
        font-size:16px;
    }
	
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
     body {
      
        font-size:18px;
    }
	
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
     body {
       
        font-size:20px;
    }
	
}
}
/* Custom, iPhone Retina */ 
@media(max-width:320px){
   .redtype {
      color: red;  
        font-size:12px;
     }
	
}
@media only screen and (min-width : 320px) {
     .redtype {
       color: red;
        font-size:14px;
    }
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
     .redtype {
       color: red;
        font-size:16px;
    }
	
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
     .redtype {
       color: red;
        font-size:16px;
    }
	
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .redtype {
      color: red;
        font-size:18px;
    }
	
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
     .redtype {
       color: red;
        font-size:20px;
    }
	
}
}

.img-fluid {
    border: none;
    height: auto;
    width: 100%;
}
/* unvisited link */
a:link {
  color: black;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: gray;
}

/* selected link */
a:active {
  color: gray;
}
p.hdr {
	padding-top: 100px
}
p2 {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 0;
}
p3 {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
h1 {
    font-size: 1.2rem;
}

@media (min-width: 400px) {
    h1 {
        font-size: 1.4rem;
    }
}

@media (min-width: 600px) {
    h1 {
        font-size: 1.7rem;
    }
}

@media (min-width: 800px) {
    h1 {
        font-size: 2.0rem;
    }
}

@media (min-width: 1000px) {
    h1 {
        font-size: 2.4rem;
    }
}
h2 {
    font-size: 1.1rem;
}

@media (min-width: 400px) {
    h2 {
        font-size: 1.3rem;
    }
}

@media (min-width: 600px) {
    h2 {
        font-size: 1.6rem;
    }
}

@media (min-width: 800px) {
    h2 {
        font-size: 1.8rem;
    }
}

@media (min-width: 1000px) {
    h2 {
        font-size: 2.0rem;
    }
}
h3 {
    font-size: 1.0rem;
}

@media (min-width: 400px) {
    h3 {
        font-size: 1.2rem;
    }
}

@media (min-width: 600px) {
    h3 {
        font-size: 1.4rem;
    }
}

@media (min-width: 800px) {
    h3 {
        font-size: 1.6rem;
    }
}

@media (min-width: 1000px) {
    h3 {
        font-size: 1.8rem;
    }
}
#div1 {background: gray;
color: white;
display; table-cell;}
.nav.navbar-expand-lg li a {
   color: #fff;
 }

.nav.navbar-expand-lg a:hover {
 color: gray;
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: 1.5s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}