body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
h1{
	font: 22em "Caprasimo", "Poppins", sans;
	margin:-60px 0px 0px;
}
h2{
	font: 12em "Caprasimo", "Poppins", sans;
	margin:0;
	line-height: 30%;
	display:inline-block;
}
.sub{
	font: 700 6em "Poppins", Futura, sans;
	color: rgb(30, 30, 30);
	line-height: 85%;
	display:inline;
}
p{
	font: 2em "Poppins", Futura, sans;
	color: rgb(30, 30, 30);
	line-height: 160%;
	width:90%;
}
strong {
    line-height: 80%;
    line-height: 80%;
    padding-bottom: 3vh;
}
em {
    display:block;
    line-height: 105%;
}
aside {
    position:absolute;
    float:right;
    transform: rotate(-6deg);
    font: 2.5em "Caveat", Futura, sans;
    color: rgb(30, 30, 30);
    text-shadow: .1vw .1vw rgb(255, 255, 255, .6);
    text-align: center;
    line-height: 90%;
}
.section::before {
    display: inline-block;
    width: 100vw;
    height: 100px;
    content: "";
    background: url("./images/footerline.png") no-repeat 0 0;
    background-size: 100%;
	padding-bottom:100px;
}
div.sectiontext, #introtext {
	padding: 0 3vmin 20px;
}
#nav{
	position:sticky;
	float:right;
	margin-top:-3.5vh;
	top: 1vh;
	right:1vw;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align:center;
	background-color: rgb(30, 30, 30);
	font: 1.25em "Poppins", Futura, sans;
	color:rgb(247, 33, 149);
	line-height: 95%;
	cursor: default;
	z-index:99;
}
#navimg{
    position:absolute;
    top: .16vh;
    right:.16vw;
    width: 79px;
    height: 79px;
    opacity:1.0;
    /* font-size: 2em; */
}
#navimg:hover{
    opacity:0;
    transition:all 0.3s;
}
#intro{
	background-image: linear-gradient(rgb(255, 132, 132), rgb(247, 33, 149));
	width:100vw;
	height:90vh;
}
#introtext{
    position:absolute;
    left: 2vw;
    top: 4vw;
}
#clyde {
    position: relative;
    float: right;
    top: 2vw;
    height: 80vh;
    }
svg{
  position:absolute;
  right:11vh;
  top: 34.5vh;
  width:38vh;
  /* height:26vh; */
  overflow:visible;
  background-color:rgb(255, 0, 255, .0);
}
#clydestatic {
display:none
}
#stuff{
	background-image: linear-gradient(rgb(247, 33, 149), rgb(43, 204, 145));
	width:100vw;
    padding:6% 0;
}
.ralign{
	text-align: right;
	/* padding-left: 1vw; */
}
div .word {
	font: inherit;
	color: inherit;
  }
#gal {
    max-width: 96%;
	margin: auto;
    padding: 0 1vw 0 0;
    list-style:none;
}
#gal li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:31%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:1vh 1vw;
    padding:0;
}
.gal-cell {
    display:block;
    position: relative;
    overflow:hidden;
}
.gal-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}
#gal li:hover .gal-img {
    transform:scale(1.05);
}
.gal-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: rgb(255, 255, 255);
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#gal li:hover .gal-overlay {
    opacity:0.8;
}
.gal-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    color:rgb(30, 30, 30);
    font: 3.5vw "Poppins", Futura, sans;
    top:25%;
	line-height:90%;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#gal li:hover .gal-text {
    transform:translateY(0px);
    opacity:0.9;
}
#art{
  	background-image: linear-gradient(rgb(43, 204, 145), rgb(235, 131, 87));  
	width:100vw;
    padding:3% 0 1% 0;
}
.row {
  width:98vw;
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.column {
  flex: 32%;
  max-width: 32%;
  padding: 0 4px;
  margin:auto;
  padding-bottom:4vh;
}
.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
#info{
	background-image: linear-gradient(rgb(235, 131, 87),rgb(227, 231, 143));
	width:100vw;
	padding: 4vh 0 20vh 0;
}
#info #infoimg {
    margin:auto;
    width:95%;
    height:400px;
    padding-bottom:3vh;
    }
.footer {
	position: fixed;
	bottom: -1px;
	/* left: -1px; */
	width: 101%;
	height: 130px;
	background: url(images/footer.svg) no-repeat 0 0;
	background-origin: border-box;
	background-size: cover;
}
#footertext{
	font: 1.3em "Poppins", Futura, sans;
	line-height: 105%;
	padding: 70px 0 20px 3vw;
	color:rgb(255, 255, 255);
}
#footertext a{
	color:inherit;
	text-decoration:none;
}
#footertext a:hover{
	color: rgb(247, 33, 149)
}
#smfooter {
	font-size:0;
	margin-right:-6px;
}
::-webkit-scrollbar {
  width: 14px;
}
::-webkit-scrollbar-track {
  background: rgb(30, 30, 30);
}
::-webkit-scrollbar-thumb {
  background: rgb(255, 255, 255);
}
::selection{
    background-color: rgb(255, 255, 255);
    color: rgb(235, 131, 87);
}