/* CSS IMPORTED BY DAN FROM INDEX-STYLESHEET.CSS - NOTE EACH .HTML WILL NEED ITS OWN CSS FILE, BUT BITS THAT ARE COMMON TO ALL HTML FILES CAN BE SHARED IN ONE CSS FILE */ 

/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 :root {
    --buttoncolor: #F2B807;/*#219ab3; /* blue:#219ab3; purple:#bc7bc7 */
    --buttoncoloralt: #073673; /* blue:#11505d; purple:#833888 */
}

body {
    width: 100%;
    height: 100%;
    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #0D0D0D;
}

html {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 700px){
    #overview_heading {
        font-size: 90px;
        padding-top: 30px;
        margin-left: 10%;
        margin-top: 15px;
        text-transform: uppercase;
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 700px) {
    #overview_heading {
        font-size: 30px;
        padding-top: 15px;
        margin-left: 1%;
        margin-top: 8px;
        text-transform: uppercase;
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
    }
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

h4 {margin-top: 35px;}

p {
    margin: 25px 0 25px ;
    font-size: 18px;
    line-height: 1.5;
}

@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        font-size: 18px;
        line-height: 1.6;
    }
}

a {
    color: var(--buttoncoloralt);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: var(--buttoncolor); 
}

.light {
    font-weight: 400;

}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-image: linear-gradient(rgba(13,13,13,1), rgba(13,13,13,0.75));
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #FFF;
}

.navbar-custom .nav li.active {
    outline: none;
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    outline: 0;
    background-color: rgba(255,255,255,.3);
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #0D0D0D;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
}

@keyframes pulse {    
    0%, 100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-moz-keyframes pulse {    
    0%, 100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.content-section {
    padding-top: 80px;
}

.main_intro {  /*-header class for rocketry page-*/
    display: table;
    width: 100%;
    height: auto;
    padding: 200px 0;
    text-align: center;
    color: #fff;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding-top: 7%;
    padding-bottom: 7%;
}

.ro_intro {
    background: url(../images/TVC_CAD_2.png) no-repeat bottom center scroll;
}


.nrc_intro {
    background: url(../images/stock_rocket.jpg) no-repeat bottom center scroll;
}


.spo_intro {
    background: url(../images/sponsors_main_bg_4.jpg) no-repeat bottom center scroll;
}

table, th, td {
	font-size: 35px;
	border-collapse: collapse;
	border-bottom: 1pt solid white;
	padding-right: 200px;
	padding-top: 37px;
	margin-left: 10%;
	margin-right: auto;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

td {
	font-size: 30px;
	padding-right: 0px;
}

@media screen and (max-width:700px){
    table, th{
        font-size: 15px;
        border-collapse: collapse;
        border-bottom: 1pt solid white;
        padding-right: 40px;
        padding-top: 20px;
        margin-left: 2%;
        margin-right: auto;
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    td {
        font-size: 15px;
        padding-right: 0px;
    }
}

/*-Snap scroll*/
/*
#container {
	scroll-snap-type: y proximity;
  }

#container > div {
	scroll-snap-align: center;
}
*/  

.ma23_intro {  /*-header class for Mach-23 page-*/
    display: table;
    width: 100%;
    height: auto;	
    padding: 600px 0;
    text-align: start;
    color: #fff;
    background: url(../images/mach23_top2.jpg) no-repeat bottom center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.ma24_intro {  /*-header class for Mach-24 page-*/
    display: table;
    width: 100%;
    height: auto;	
    padding: 600px 0;
    text-align: start;
    color: #fff;
    background: url(../images/rocketry/Mach24launch.jpg) no-repeat bottom center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.SAC24_intro {  /*-header class for SAC24 page-*/
    display: table;
    width: 100%;
    height: auto;	
    padding: 600px 0;
    text-align: start;
    color: #fff;
    background: url(../images/rocketry/SACLaunch24.jpg) no-repeat bottom center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
    -o-background-size: cover;
}
.ma23_intro h1{  
    font-size: 60px;
}
.ma24_intro h1{  
    font-size: 60px;
}
.SAC24_intro h1{  
    font-size: 60px;
}
.ma23_intro p{  
    font-size: 40px;
}
.ma24_intro p{  
    font-size: 40px;
}
.SAC24_intro p{  
    font-size: 40px;
}
@media screen and (max-width: 700px) {
    .ma23_intro h1{  
        font-size: 45px;
    }
    
    .ma23_intro p{  
        font-size: 25px;
    }

    .mach23-section-para p{
        width: 100%;
        font-size: 15px;
    }
    
}
@media screen and (max-width: 700px) {
    .ma24_intro h1{  
        font-size: 45px;
    }
    
    .ma24_intro p{  
        font-size: 25px;
    }

    .mach24-section-para p{
        width: 100%;
        font-size: 15px;
    }
    
}
@media screen and (min-width: 700px) {
    .mach24-section-para p{
        width: 100%;
        font-size: 30px;
        padding-top: 20px;
    }

    .mach24-section-gal {
        width: 100%;
        font-size: 50px;
        padding-top: 20px;
        text-align: left;
    }
}

@media(max-width:700px) {
    .mach24-section img{
        width: 25%;
        margin:5px;
    }
}

.mach24-section-cad {
    display: table;
    width: 100%;
    height: 300px;	
    text-align: start;
    color: #fff;
    background: url(../images/Mach23_Rocket_iner.jpg) no-repeat center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
@media screen and (max-width: 700px) {
    .SAC24_intro h1{  
        font-size: 45px;
    }
    
    .SAC24_intro p{  
        font-size: 25px;
    }

    .SAC24-section-para p{
        width: 100%;
        font-size: 15px;
    }
    
}
@media screen and (min-width: 700px) {
    .SAC24-section-para p{
        width: 100%;
        font-size: 30px;
        padding-top: 20px;
    }

    .SAC24-section-gal {
        width: 100%;
        font-size: 50px;
        padding-top: 20px;
        text-align: left;
    }
}

@media(max-width:700px) {
    .SAC24-section img{
        width: 25%;
        margin:5px;
    }
}

.SAC24-section-cad {
    display: table;
    width: 100%;
    height: 300px;	
    text-align: start;
    color: #fff;
    background: url(../images/Mach23_Rocket_iner.jpg) no-repeat center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
@media screen and (min-width: 700px) {
    .mach23-section-para p{
        width: 100%;
        font-size: 30px;
        padding-top: 20px;
    }

    .mach23-section-gal {
        width: 100%;
        font-size: 50px;
        padding-top: 20px;
        text-align: left;
    }
}

@media(max-width:700px) {
    .mach23-section img{
        width: 25%;
        margin:5px;
    }
}

.mach23-section-cad {
    display: table;
    width: 100%;
    height: 300px;	
    text-align: start;
    color: #fff;
    background: url(../images/Mach23_Rocket_iner.jpg) no-repeat center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Aeth3_intro {  /*-header class for Aether 3 page-*/
    display: table;
    width: 100%;
    height: auto;	
    padding: 600px 0;
    text-align: start;
    color: #fff;
    background: url(../images/AetherIIICover.JPG) no-repeat bottom center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Aeth3_intro h1{  
    font-size: 60px;
}
.Aeth3_intro p{  
    font-size: 40px;
}
@media screen and (max-width: 700px) {
    .Aeth3_intro h1{  
        font-size: 45px;
    }
    
    .Aeth3_intro p{  
        font-size: 25px;
    }

    .Aeth3-section-para p{
        width: 100%;
        font-size: 15px;
    }
    
}
@media screen and (min-width: 700px) {
    .Aeth3-section-para p{
        width: 100%;
        font-size: 30px;
        padding-top: 20px;
    }

    .Aeth3-section-gal {
        width: 100%;
        font-size: 50px;
        padding-top: 20px;
        text-align: left;
    }
}

@media(max-width:700px) {
    .Aeth3-section img{
        width: 25%;
        margin:5px;
    }
}

.Aeth3-section-cad {
    display: table;
    width: 100%;
    height: 300px;	
    text-align: start;
    color: #fff;
    background: url(../images/Mach23_Rocket_iner.jpg) no-repeat center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Aeth2_intro {  /*-header class for Aether 3 page-*/
    display: table;
    width: 100%;
    height: auto;	
    padding: 600px 0;
    text-align: start;
    color: #fff;
    background: url(../images/Aeth2Head.jpg) no-repeat bottom center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Aeth2_intro h1{  
    font-size: 60px;
}
.Aeth2_intro p{  
    font-size: 40px;
}
@media screen and (max-width: 700px) {
    .Aeth2_intro h1{  
        font-size: 45px;
    }
    
    .Aeth2_intro p{  
        font-size: 25px;
    }

    .Aeth3-section-para p{
        width: 100%;
        font-size: 15px;
    }
    
}
@media screen and (min-width: 700px) {
    .Aeth2-section-para p{
        width: 100%;
        font-size: 30px;
        padding-top: 20px;
    }

    .Aeth2-section-gal {
        width: 100%;
        font-size: 50px;
        padding-top: 20px;
        text-align: left;
    }
}

@media(max-width:700px) {
    .Aeth2-section img{
        width: 25%;
        margin:5px;
    }
}

.Aeth2-section-cad {
    display: table;
    width: 100%;
    height: 300px;	
    text-align: start;
    color: #fff;
    background: url(../images/Mach23_Rocket_iner.jpg) no-repeat center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Aeth1_intro {  /*-header class for Aether 3 page-*/
    display: table;
    width: 100%;
    height: auto;	
    padding: 600px 0;
    text-align: start;
    color: #fff;
    background: url(../images/Space1_square.jpg) no-repeat bottom center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Aeth1_intro h1{  
    font-size: 60px;
}
.Aeth1_intro p{  
    font-size: 40px;
}
@media screen and (max-width: 700px) {
    .Aeth1_intro h1{  
        font-size: 45px;
    }
    
    .Aeth1_intro p{  
        font-size: 25px;
    }

    .Aeth1-section-para p{
        width: 100%;
        font-size: 15px;
    }
    
}
@media screen and (min-width: 700px) {
    .Aeth1-section-para p{
        width: 100%;
        font-size: 30px;
        padding-top: 20px;
    }

    .Aeth1-section-gal {
        width: 100%;
        font-size: 50px;
        padding-top: 20px;
        text-align: left;
    }
}

@media(max-width:700px) {
    .Aeth1-section img{
        width: 25%;
        margin:5px;
    }
}

.Aeth1-section-cad {
    display: table;
    width: 100%;
    height: 300px;	
    text-align: start;
    color: #fff;
    background: url(../images/Mach23_Rocket_iner.jpg) no-repeat center scroll;
    background-color: #0D0D0D;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media(max-width:992px) {
    .Gallery2-section img{
        width: 25%;
        margin:5px;
    }
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }

}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
}

footer p {
    margin: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    -webkit-tap-highlight-color: rgba(255,255,255,.2);
}

@media(min-width:992px) {
    #sm-viewport {
        display: none;
    }
}

@media(max-width:992px) {
    #lg-viewport {
        display: none;
    }
}

/* GALLERY FROM https://codepen.io/flyingcar/pen/jmvLqG */ 

@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
/* body {
	background: #048;
	background: -webkit-linear-gradient(left top, #000033, #48a);
	background: -moz-linear-gradient(bottom right, #000033, #48a);
	background: linear-gradient(to bottom right, #000033, #48a);
	background-attachment: fixed;
	color: #fff;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 1px;
	font-weight: 300;
	line-height: 140%;
	margin: 0;
	height: 100%;
	padding: 0;
	text-align: center;
	width: 100%;
} */

.Gallery1-section {
    background: #048;
	background: -webkit-linear-gradient(left top, #000033, #48a);
	background: -moz-linear-gradient(bottom right, #000033, #48a);
	background: linear-gradient(to bottom right, #000033, #48a);
	background-attachment: fixed;
	color: #fff;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 1px;
	font-weight: 300;
	line-height: 140%;
}
.page_title {
	font-weight: 30;
	line-height: 12%;
	margin: 10px 0;
	text-shadow: 0 1px 5px rgba(0,0,0,.8);
	text-transform: uppercase;
}

/* PEN STYLES ========== */
.row {
	margin: 0;
}

.test_box {
	padding: 0;
}
.test_box .inner {
	background: #333;
	display: block;
	margin: 10px;
	overflow: hidden;
}
.test_box .inner .test_click {
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0,0,0,.1);
	color: #fff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	height: 300px;
	mix-blend-mode: normal;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.flex_this {
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	display: inherit;
	flex-wrap: inherit;
	height: auto;
	margin: 0;
	padding: 10px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	width: 100%;

}
.test_box .inner .test_click:hover .flex_this {
	margin-top: -5px;
}

.test_title {
	display: block;
	font-weight: 300;
	font-size: 10px;
	margin: 0 0 10px;
	width: 100%;
}
.test_link {
	border: 0px solid #fff;
/* 	display: inline-block; */
	font-size: 0;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 auto;
/*	padding: 10px 30px; */
	text-transform: uppercase;
}

.box-01 .inner {
	background-image: url('../images/UKRA_2.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.box-02 .inner {
	background-image: url('../images/UKRA_3.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.box-03 .inner {
	background-image: url('../images/UKRA_1.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.box-04 .inner {
	background-image: url('../images/UKRA_4.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.box-05 .inner {
	background-image: url('../images/roc_ses_1.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.box-06 .inner {
	background-image: url('../images/roc_ses_0.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* DAN's GALLERY 2 */

.Gallery2-section img{
	width: 100%;
	padding: 15px; /* Play with this number to adjust spacings for Gallery 2 */ 
	transition: all 0.2s ease;
}

.Gallery2 div img:hover {
	margin-top: -5px;
}

.Gallery2-section div{
	padding: 0;
}
.im_up:hover img {
	margin-top: -5px;
}

.im_grow:hover img{
	padding: 5px;
}

/* Gallery 3 */

.Gallery3-section div {
	padding: 0;
	position: relative;
}

.Gallery3-section div .im1{
	background: url(../images/floating.jpg) 50% 50% no-repeat;
	background-size: cover;
	width: 100%; 
	padding-top: 100%;
}

.Gallery3-section div .im2{
	background: url(../images/spacebear.jpg) 50% 50% no-repeat;
	background-size: cover;
	width: 100%; 
	padding-top: 100%;
}

.Gallery3-section div .im3{
	background: url(../images/UKRA_3.jpg) 40% 50% no-repeat;
	background-size: cover;
	width: 100%; 
	padding-top: 100%;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    transition: all 0.2s ease;
}

.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.zoom {
    transition: all 0.3s ease;
}

.zoom:hover {
    transform: scale(0.9);
}

/* Gallery 4 */

.Gallery4-section div {
	padding: 0;
	position: relative;
}

.Gallery4-section div .im1{
	background: url(../images/floating.jpg) 50% 50% no-repeat;
	background-size: cover;
	width: 100%; 
	padding-top: 100%;
}

.Gallery4-section div .im2{
	background: url(../images/spacebear.jpg) 50% 50% no-repeat;
	background-size: cover;
	width: 100%; 
	padding-top: 100%;
}

.Gallery4-section div .im3{
	background: url(../images/UKRA_3.jpg) 40% 50% no-repeat;
	background-size: cover;
	width: 100%; 
	padding-top: 100%;
}

.item {
    transition: all 0.2s ease;
}

.Gallery4-section .item:hover {
    padding-top: 80%;
}

.Gallery4-section .item:hover .im-info {
    padding-top: 20%;
    /* visibility: visible; */
}

.im-info {
    width: 100%;
    padding-top: 0;
    height: 0;
    /* visibility: hidden; */
}

* {box-sizing:border-box}

/* Slideshow */
.slideshow-container {
    width: 100%;
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Hide the images by default */
/*
.mySlides {
  display: none;
}
*/

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #5a5a5a;
}

/* Fading animation */
.fadetest {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: 0.5}
  to {opacity: 1}
}


.mySlides img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 80vh;
}

@font-face {
    font-family: 'Nasalization';
    src: url('../Fonts/nasalization-rg-webfont.woff2') format('woff2'),
         url('../Fonts/nasalization-rg-webfont.woff') format('woff'),
         url('../Fonts/nasalization.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#header-style .navbar-brand .medium {
    font-family: 'Nasalization', sans-serif; 
    font-size: 2.3em; 
    letter-spacing: 0.1em; 
    text-transform: uppercase;
}




.container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
  }
  
  .column1 {
    flex: 1;
    min-width: 250px; 
  }
  
  img {
    max-width: 100%;
    height: auto; 
  }
  
  /* Responsive Styles */
  @media (max-width: 768px) {
    .container {
      flex-direction: column; 
    }
  
    .column1 {
      flex: 1 1 100%; 
    }
  
   
    .container > * {
      margin-bottom: 20px; 
    }
  }