@charset "utf-8";
/* CSS Document */

// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-size: 30px;
  padding-left: 20px;
  padding-right: 20px;	
}

.jumbotron {
  padding: $jumbotron-padding ($jumbotron-padding);
  margin-bottom: $jumbotron-padding;
  background-color:rgb(218,165,32)	;
  align-content: center;	
  @include border-radius($border-radius-lg);

  @include media-breakpoint-up(sm) {
    padding: ($jumbotron-padding) $jumbotron-padding;
  }
}

@media screen and (max-width: 600px) {
  .topnav {
	  display: list-item;
	}
	  
	  .topnav a.icon {
    float: right;
    display: block;
  }

.nav{
	background-color: rgb(105,0,94);
	font-family: sans-serif, "Futura PT";
	text-decoration-color: rgb(218,165,32);
	font-size: 24pt;		
	margin-left: auto;
	margin-right: auto
}
}


h1{
                color:rgb(105,0,94);
                font-family: script, "Kewl Script";
                text-align: center;
                font-size: 60pt;
	            padding-top: 20px;
	            padding-bottom: 10px;
            }
            h2{ 
                color:rgb(105,0,94);
               font-family: sans-serif,"Futura PT";
                text-align: center;
                font-size: 20pt;
            }
h3{ 
                color:rgb(105,0,94);
               font-family: sans-serif,"Futura PT";
                text-align: center;
                font-size: 36pt;
            }
h5{
	color: rgb(105,0,94);
	font-family: sans-serif,"Futura PT";
                text-align: center;
                font-size: 20pt;
}
            p{
                color:rgb(105,0,94);
                font-family: sans-serif, "Futura PT";
                text-align: center;
                font-size: 18pt;      
                
               }
            a{
                color: rgb(105,0,94);
				align: center;
                font-family: sans-serif, "Futura PT";
                font-size: 30pt;
				
            }
            ul li{
                color: rgb(85,50,55);
                font-family: serif, "Goudy Old Style Regular";
                text-align: center;
                font-size: 18pt;
                list-style-type: disc;
                list-style-position: outside;
                list-style: none
            } 
div{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: script, "Kewl Script";
	
}
i{
	color: rgb(218,165,32);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 60pt;
}

#back2Topjim {
    width: 40px;
    line-height: 20px;
    z-index: 999;
    cursor: pointer;
//    -moz-transform: rotate(270deg);
//    -webkit-transform: rotate(270deg);
//    -o-transform: rotate(270deg);
//    -ms-transform: rotate(270deg);
//    transform: rotate(270deg);
    position: fixed;
    bottom: 60px;
    right: 0;
    background-color:rgb(105,0,94);
    color: rgb(218,165,32);
    text-align: center;
    font-size: 20px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #DDF;
    color: #000;
}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
  @include media-breakpoint-only(md){
		column-count: 3;
	}
  @include media-breakpoint-only (sm){
		column-count: 2;
	}
  @include media-breakpoint-only (xs){
		column-count: 1;
	}
}

.card{
	@include media-breakpoint-only(sm){
		grid-auto-columns: 1;
	}
}

.img{
	width: auto;
	max-width: 100%;
	height: auto;
}

.jumbotron {
	display: flex;
	justify-content: center;
	align-items: center;	
	padding: inherit;
    margin: auto;
    background-color:rgb(218,165,32);
   	image-orientation: center;
	  @include border-radius($border-radius-lg);

  @include media-breakpoint-up(sm) {
    padding: ($jumbotron-padding) $jumbotron-padding;
  }
}

.jumbotron img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 600px) {
  .topnav {
	  display: list-item
		  
		  
	  
	  .topnav a.icon {
    float: right;
    display: block;
  }
}
}
	nav{
	background-color: rgb(105,0,94);
	font-family: sans-serif, "Futura PT";
	text-decoration-color: rgb(218,165,32);
}

nav{
	background-color: rgb(105,0,94);
	font-family: sans-serif, "Futura PT";
	text-decoration-color: rgb(218,165,32);
	font-size: 24pt;		
	padding-left: 30px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto
}



.carousel-inner{
	max-height: inherit;
	max-width: inherit;
	transition: .0s;
	
}
	.carousel-item{
		transition-duration: .0s;
	}
	

h1{
                color:rgb(105,0,94);
                font-family: script, "Kewl Script";
                text-align: center;
                font-size: 60pt;
	            padding-top: 20px;
	            padding-bottom: 10px;
            }
            h2{ 
                color:rgb(105,0,94);
               font-family: sans-serif,"Futura PT";
                text-align: center;
                font-size: 20pt;
            }

            p{
                color:rgb(105,0,94);
                font-family: "Futura PT Medium", "Futura PT Light", "Futura PT Book", "Futura PT Demi";
				margin-left: auto;
				margin-right: auto;
				margin-top: auto;
				margin-bottom: auto;
                text-align: center;
                font-size: 18pt; 
				@include media-breakpoint-only(sm){
					font-size: 12pt;
				}
                
               }
            a{
                color: rgb(105,0,94);
				align: center;
                font-family: "Futura PT Medium", "Futura PT Light", "Futura PT Book", "Futura PT Demi";
                font-size: 30pt;
				
            }
            ul li{
                color: rgb(85,50,55);
                font-family: "Futura PT Medium", "Futura PT Light", "Futura PT Book", "Futura PT Demi";
                text-align: center;
                font-size: 24pt;
                list-style-type: disc;
                list-style-position: outside;
                list-style: none
            } 
div{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: script, "Kewl Script";			
	}
	


i{
	color: rgb(218,165,32);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 60pt;
}



/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }