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

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');

*,
*::after,
*::before {
	box-sizing: border-box;
}



:root {
	font-size: 16px;
}

html {
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;
background: 
    		radial-gradient(
      		circle at top left,
      		rgba(183, 204, 221, 0.5),  
      		transparent 400px
    	),
   		radial-gradient(
      		circle at right 10%,
		rgba(183, 204, 221, .3),  
        	transparent 450px
    	),

    		radial-gradient(
      		circle at right 28%,
		rgba(183, 204, 221, 0.4), 
        	transparent 350px
    	),

   		radial-gradient(
      		circle at left 70%,
		rgba(183, 204, 221, .3),  
        	transparent 450px
    	),

		radial-gradient(
      		circle at right 80%,
		rgba(183, 204, 221, .3),  
        	transparent 400px
    	),
		radial-gradient(
      		circle at bottom left,
		rgba(183, 204, 221, .5),  
        	transparent 500px
    	),
    		radial-gradient(
      		circle at 875px center,
      		rgba(183, 204, 221, .4), 
      		transparent 400px
    	),

    		radial-gradient(
      		circle at 475px center,
      		rgba(183, 204, 221, .3), 
      		transparent 400px
    	);

}
body {
	  background: rgba(247,246,240,0);
          padding: 0;
          margin: 0;
	  height: 100%;
  }



/* HEADER */

    header {
    	
    	padding: 50px 0px 60px 0px;
    	border-bottom: 1px solid transparent;
    	border-top: 1px solid transparent;
    	-webkit-perspective: 62.5rem;
    	-moz-perspective: 62.5rem;
    	-ms-perspective: 62.5rem;
    	perspective: 62.5rem;
    	text-align: center;
    	margin-bottom: 0rem;
    	overflow: hidden;
    }

    header h2 {
    	font-family: 'Courier New';
    	font-size: 18px;
    	text-align: center;
    	font-weight: normal;
	letter-spacing: -.02em;
    	color: #353c8a;
    	margin: 0px 0px 0px 0px;
    }

header h2 a:link {
    	color: #353c8a;
	text-decoration: none;
    	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-webkit-transition: all 0.2s ease-in-out;
    }

    header h2 a:visited {
    	color: #353c8a;
	text-decoration: none;
    	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-webkit-transition: all 0.2s ease-in-out;
    }

    header h2 a:hover {
    	color: #6666FF;
	text-decoration: none;
    	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-webkit-transition: all 0.2s ease-in-out;
    }




    header .rotation {
    	-webkit-animation: swivel 30s linear;
    	-moz-animation: swivel 30s linear;
    	-o-animation: swivel 30s linear;
    	-ms-animation: swivel 30s linear;
    	animation: swivel 30s linear;

    	-webkit-animation-iteration-count: infinite;
    	-moz-animation-iteration-count: infinite;
    	-o-animation-iteration-count: infinite;
    	-ms-animation-iteration-count: infinite;
    	animation-iteration-count: infinite;

    	-webkit-transform-style: preserve-3d;
    	-moz-transform-style: preserve-3d;
    	-o-transform-style: preserve-3d;
    	-ms-transform-style: preserve-3d;
    	transform-style: preserve-3d;
    	z-index: 100;
    }


 /* SCROLL TO TOP */

    body .scroll-to-top {
        position: fixed;
        bottom: 1em;
        right: 1em;
        color: #1a1a1a;
        background: rgba(242,242,242,0);
        padding: 0.0em .0em;
        font-size: 1.8em;
        cursor: pointer;
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale (1.2);
        -ms-transform: scale (1.2);
        -o-transform: scale (1.2);
        transform: scale (1.2);
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }

    body .scroll-to-top.shown {
        opacity: 1;
        box-shadow: 10px 10px 8px rgba(50, 50, 50, 0);
    	-webkit-transform: scale(1);
    	-moz-transform: scale(1);
    	-ms-transform: scale(1);
    	-o-transform: scale(1);
    	transform: scale(1);
    }

    #topz {
	position:fixed;
	top: 0;
	margin: 0 auto;
	height: 70px;
	background-color: rgba(242,242,242,0);
	z-index: 100;
    }

    #topz h1 {
	font-family: 'ziggazigahregular';
	color: #353c8a;
	font-size: 12px;
	text-align: center;
    }


 
 /* SECTIONS */

    section {
    	margin-bottom: 0rem;
        background-color: rgba(242,242,242,0);
    	float: left;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 100%;
    	text-align: center;
    }

    section > div {
    	margin: 0 auto;
    	max-width: 68em;
    	padding: 1% 1% 4% 1%;
    }

    section > div > .gigo {
    	margin: 0 auto;
    	width: 100%;
    	padding: 0% 0% 0% 0%;
    }


 /* VIDEO WRAPPER */

	.video-wrapper {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%; /* This is default, but will be overriden */
	margin: 0.5em 0; /* A bit of margin at the bottom */
	
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vid { 
	margin: 0 auto;
	text-align: left;
    	max-width: 64em;
    	padding: 0% 5% 5% 5%;
	
}

.vid2 { 
	margin: 0 auto;
	text-align: left;
    	max-width: 64em;
    	padding: 0% 5% 0% 5%;
	
}


 /* TEXTS DIV */

.texts { 
	margin: 0 auto;
	text-align: left;
    	max-width: 32em;
	vertical-align: top;
    	padding: 0% 5% 0% 5%;
	display: inline-block;
}

.texts2 { 
	margin: 0 auto;
	text-align: left;
    	max-width: 54em;
	vertical-align: top;
    	padding: 0% 5% 7% 5%;

}

.texts3 { 
	margin: 0 auto;
	text-align: center;
    	max-width: 64em;
	vertical-align: top;
    	padding: 2% 5% 5% 5%;

}

sup {
  vertical-align: super;
  font-size: 12px;
font-family: sans-serif;
}

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

.imgs { 
	margin: 0 auto;
	text-align: left;
    	max-width: 42em;
    	padding: 0% 5% 5% 5%;
	display: inline-block;
}

h1 {
      font-family: 'ziggazigahregular';
      font-weight: bold;
      color: #353c8a;
      font-style: normal;
      font-size: 24px;
      letter-spacing: .025em;
      text-rendering: optimizeLegibility;
      text-rendering: geometricPrecision;
}



.capycapy2 {
	text-align: center;
	font-size: 21px;
	font-family: 'Crimson Text', serif;
	font-weight: normal;
	padding-top: 35px;
padding-bottom: 20px;
        font-style: normal;
	color: #1a1a1a;
	margin: 0;
	line-height: 1.6;


}

.capycapy3 {
	text-align: left;
	font-size: 21px;
	font-family: 'Crimson Text', serif;
	font-weight: normal;
	padding-top: 10px;
        font-style: normal;
	color: #1a1a1a;
	margin: 0;
	line-height: 1.6;

}

a.linez:link {
	color: #1940bd;
	cursor: pointer;
	text-decoration: none;
	border-bottom: none;
	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
	-webkit-transition: all .2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-moz-transition: all .2s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0s;
	
}

a.linez:visited {
	color: #1940bd;
	cursor: pointer;
	text-decoration: none;
	border-bottom: none;
	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
	-webkit-transition: all .2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-moz-transition: all .2s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0s;}

a.linez:hover {
	color: #1a1a1a;
	cursor: pointer;
	text-decoration: none;
	border-bottom: none;
	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
	-webkit-transition: all .2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-moz-transition: all .2s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0s;}


 /* CONTACT */

    #contact {
    
    }

    #contact .endz {
    	margin: 0 auto;
    	text-align: center;
    	max-width: 68rem;
    	padding: 3% 10% 12% 10%;
    }

    #contact .endz {
    	margin: 0 auto;
    	text-align: center;
    	max-width: 68rem;
    	padding: 3% 10% 12% 10%;
    }

     .endz p {
    	font-family: 'Crimson Text', serif;
    	font-size: 21px;
    	text-align: center;
	letter-spacing: .0em;
    	color: #1a1a1a;
        line-height: .5em;
    	padding: 13px 0px 3px 0px;
    }



    #contact p.notes {
    	text-align: center;
    	color: #353c8a;
    	padding: 6px 0px 2px 0px;
    }

    .smoka {
    	margin-left: -12px;
    }

    #contact a, a:visited {
    	color: #1940bd;
    	text-decoration: none;
    	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-webkit-transition: all 0.2s ease-in-out;
    }

    #contact a:hover {
    	color: #1a1a1a;
    	text-decoration: none;
    }


    #contact h2 a, a:visited {
    	color: #353c8a;
    }

    #contact h2 a:hover {
    	color: #6666FF;
    }




 /* RESPONSIVE + MEDIA QUERIES */
 
@media only screen and (min-width: 320px) and (max-width: 667px) {

body .scroll-to-top {
        position: fixed;
        bottom: .5em;
        right: .25em;
}

    .grey {
	padding: 10px;
	vertical-align: middle;
	max-width: 240px;
}
    .white {
	padding: 10px;
	vertical-align: middle;
	max-width: 480px;
}

    .beige, 
    .black {
	padding: 10px;
	vertical-align: middle;
	max-width: 240px;
}

    #contact .endz {
    	margin: 0 auto;
    	text-align: center;
    	max-width: 54rem;
    	padding: 3% 10% 18% 10%;
    }

    #contact .endz {
    	margin: 0 auto;
    	text-align: center;
    	max-width: 54rem;
    	padding: 3% 10% 28% 10%;
    }

          .endz p {
    	font-family: 'Crimson Text', Times New Roman, serif;
    	font-size: 21px;
    	text-align: center;
	letter-spacing: 0em;
    	color: #1a1a1a;
        line-height: 1.4em;
    	padding: 3px 0px 3px 0px;
    }



}