img {border: none; }

body { padding: 0; margin: 0; font-size: 20px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; line-height: 200%; color: #C4C4CB ; background: #3A3A3C; width: 100vw; height: 100vh}

div { text-align: justify; }

h1,h2,h3,h4 {color: #C4C4CB; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; }
h2 {font-size:30px; text-align: left}
h1 {font-size:30px}



.header {top: 0px;  background: #3A3A3CDD;  padding: 20px 20px 20px 20px; display: none}

.header-space {height: 150px; }

.content {
  
    text-align: left;
	max-width: 1024px;
	padding: 32px 32px 32px 32px;
    margin-top:  250px;
	margin-left: auto;
	margin-right: auto;
}

.paragraph {
    
}


.figandlegend {
    text-align: center;
    color: #C4C4CB; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;font-size:15px
}

.figandlegendfigure {
    width: 100%; 
}

.footer {text-align: center}

.button {width: 250px; height: 250px; max-width: 400px; max-height: 400px; border-radius: 50%;
    opacity: 0.8;
    transition: 0.3s;
}
.button:hover {opacity: 1; border-color: #fff; border-width: 1px; width: 250px; height: 250px; }


a:link {color:#FFFFFF;text-decoration:none }
a:visited {color:#FFFFFF;text-decoration:none}
a:hover {color:#FFFFFF;text-decoration:underline}



#image {text-align: center; height:12px; padding: 0; margin: 1; font-size: 10px; letter-spacing: 1px; line-height: 180%;  color: #aaa;}

#list { background: 100% 0 no-repeat; margin: 1; font-size: 11px;  color: #aaaaaa;  height: 12px; clear: both;}