body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

h1{
	font: 15em "Caprasimo", "Poppins", sans;
	margin: 2vw 0 2vw 2vw;
	line-height: 79%;
}
h2{
	font: 9em "Caprasimo", "Poppins", sans;
	margin: 2vw 0 2vw 2vw;
	line-height: 79%;
}
.sub{
	font: 700 4em "Poppins", Futura, sans;
	color: rgb(30, 30, 30);
	margin: 1vw 0 0 2vw;
	line-height: 90%;
	padding: 3% 3vw;
}
p{
	font: 1.9em "Poppins", Futura, sans;
	color: rgb(30, 30, 30);
	line-height: 135%;
	margin: 0 4vw;
	/* width:90%; */
}
strong {
    line-height: 80%;
    padding-bottom: 3vh;
}
em {
    display:block;
    line-height: 105%;
}
aside {
	display:none;
	}
.section::before {
    display: inline-block;
    width: 100vw;
    height: 50px;
    content: "";
    background: url("./images/footerline.png") no-repeat 0 0;
	background-size: cover;
}
#nav{
    display:none;
}
#intro{
	background-image: linear-gradient(rgb(255, 132, 132), rgb(247, 33, 149));
    padding:4vh 0;
}
#clydestatic {
    width:97%;
	float:right;
    padding:3vh 0;
    }
#clydedynamic {
display:none
}
#stuff{
	background-image: linear-gradient(rgb(247, 33, 149), rgb(43, 204, 145));
    padding:0 0 2vw 0;
}
div .word {
	font: inherit;
	color: inherit;
  }
#gal {
    max-width: 90%;
	margin: auto;
    padding: auto;
    list-style:none;
}
#gal li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:90%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:auto;
    padding:0;
    width:90%;
}
.gal-cell {
    display:block;
    position: relative;
    overflow:hidden;
	margin:3vw 0;
}
.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: 2.5rem "Poppins", Futura, sans;
    top:30%;
    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));  
    padding:1% 0;
}
.row {
  padding: 0 4px;
}
.column {
  flex: 90%;
  max-width: 90%;
  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));
    padding:1% 0 15vh 0;
}
#info #infoimg {
    margin:auto;
    width:95%;
    height:400px;
    }
.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(images/footer.svg) no-repeat 0 0;
    background-origin: border-box;
	background-size: cover;
	padding: 65px 0 20px 0;
	text-align:center;
}
#footertext{
	font: 1.2em "Poppins", Futura, sans;
	line-height: 105%;
	color:rgb(255, 255, 255);
}
#footertext a{
	color:inherit;
	text-decoration:none;
}
#footertext a:hover{
	color: rgb(247, 33, 149)
}
a + br {
    display: none;
}
::-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);
}