body { 
    overflow-x: hidden;
    background-color: #e3e8f9ff;
    font-size: 100%;
    }

#slideshow {
  overflow: hidden;
  height: 250px;
  width: 512px;
  margin: 0 auto;
}

.slide-wrapper {
 /* width: 4096px;*/
  width: 2048px;
  -webkit-animation: slide 18s ease infinite;
  -moz-animation: slide 18s ease infinite;
}

.slide {
  float: left;
  height: 250px;
  width: 512px;
  /*height: 500px;
  width: 1024px;*/
}

@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -512px;}
  50% {margin-left: -512px;}
  60% {margin-left: -1024px;}
  70% {margin-left: -1024px;}
  80% {margin-left: -1536px;}
  90% {margin-left: -1536px;}
}

.main { 
    text-align:center;
    /*font-size:25px;*/
    font-size: 1.5625em;
    padding-bottom:2vw;
    font-family:QuickSandRegular, Helvetica, Arial, sans-serif; 
    }
    
.list {
    text-align:left;
    padding: 1.5vw 18vw 4vw;
   /* font-size:40px;*/
    font-size: 2.5em;
    font-family:QuickSandRegular, Helvetica, Arial, sans-serif;
    margin: auto;
}

.homepage {
    text-align:center;
    /* font-size:40px;*/
    font-size: 2.5em;
    font-family:QuickSandRegular, Helvetica, Arial, sans-serif; 
    padding: 2vw;
    }
    
.header { 
    text-align:center;
    /* font-size:40px;*/
    font-size: 2.5em;
    margin: 0vw -2vw 2vw;
    font-family:NextArtThin, Tahoma, Geneva, sans-serif; 
    color: #7e75d7;
    text-transform: uppercase;
    }
    
.bigtitle {
    text-align:center;
    /* font-size:35px;*/
    font-size: 2.1875em;
    font-family:QuicksandBold, "Arial Black", sans-serif;
    margin:auto;
    padding:2vw;
}

.title {
    text-align:center;
    /* font-size:30px;*/
    font-size: 1.875em;
    font-family:QuicksandBold, "Arial Black", sans-serif;
    margin:auto;
    margin-bottom:2vw;
    padding-top:2vw;
}

.emphasis {
    font-family: NextArtRegular, Tahoma, Geneva, sans-serif;
    color: #7e75d7;
    /*font-size:93.5px;*/
    font-size: 1.07em;
    /*font-size: 5.84375em;*/
    margin: -.5vw;
}

.about {
    text-align:left;
    /* font-size:25px;*/
    font-size: 1.5625em;
    text-indent: 50px;
    margin:0 3vw;
    padding-bottom:3vw;
    font-family:QuickSandRegular, Helvetica, Arial, sans-serif; 
}

h1 {
    text-align:center;
    /* font-size:90px;*/
    font-size: 5.625em;
    font-family:NextArtThin, Tahoma, Geneva, sans-serif;
    margin: 2vw -2vw 0vw;
    color:#4135b1;
    text-transform: uppercase;
}

.nav {
    width: 104%;
	float: left;
	margin: 0 0 2vw -1vw; 
  /*  outline: solid #6d62d0 10px; */
    background-color:#6d62d0;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    text-transform: uppercase;
}


/* https://cssnewbie.com/full-width-centered-navigation-bar/#.W6bUIhNKhdg */
.nav ul {
    list-style: none;
	width: 67vw;
	margin: 0 auto;
	padding: 0; 
}
	
.nav li {
    float: left;
}

.nav a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
   font-size:5vw;
    font-family:OstrichMedium, Tahoma, Geneva, sans-serif;
    padding:2vw 3vw;
}


.nav a:hover {
    background-color: #4135b1;
}

.nav a:active {
    background-color: #7e75d7;
}

.nav .current {
    background-color: #4135b1;
}


.whitebox {
    margin: auto;
    width: 67vw;
    background: radial-gradient(#ffffff,#ffffffd7,#ffffff93,#ffffff02);
    }
    

    
.logo,.slogo {
    height:5vw;
    display:block;
    margin-left: auto;
    margin-right: auto;
    }
    
.logo {
    padding-top:5vw;
    height:14vw;
    }
    
.photo {
    display:block;
    margin-left: auto;
    margin-right: auto;
    height:35vw;
    padding-bottom:5vw;
    }    

.cr {
    font-size:12px;
    text-align:center;
    font-family:QuicksandRegular, Helvetica, Arial, sans-serif;
}
    


@font-face {
    font-family: OstrichMedium;
    src: url(/Fonts/OstrichSans-Medium.otf) format("opentype");
}

@font-face {
    font-family: JosefinSansRegular;
    src: url(/Fonts/JosefinSans-Regular.ttf) format("truetype");
}


@font-face {
    font-family: QuestaGrande;
    src: url(/Fonts/2-questa_grande_regular_31.otf) format("truetype");
}

@font-face {
    font-family: NextArtThin;
    src: url(/Fonts/NEXTART_Thin.otf) format("opentype");
}
    

@font-face {
    font-family: NextArtRegular;
    src: url(/Fonts/NEXTART_Regular.otf) format("opentype");
}

@font-face {
    font-family: NextArtLight;
    src: url(/Fonts/NEXTART_Light.otf) format("opentype");
}


@font-face {
    font-family: Athene;
    src: url(/Fonts/Athene.otf) format("opentype");
}


@font-face {
    font-family: PlayfairCaps;
    src: url(/Fonts/PlayfairDisplaySC-Regular.otf) format("opentype");
}


@font-face {
    font-family: QuicksandDash;
    src: url(/Fonts/Quicksand_Dash.otf) format("opentype");
}


@font-face {
    font-family: QuicksandLight;
    src: url(/Fonts/Quicksand_Light.otf) format("opentype");
}


@font-face {
    font-family: QuicksandRegular;
    src: url(/Fonts/Quicksand_Book.otf) format("opentype");
}

@font-face {
    font-family: QuicksandBold;
    src: url(/Fonts/Quicksand_Bold.otf) format("opentype");
}