::-moz-selection
 { 
background:#d6facd
 } 
::-ms-selection
 { 
background:#d6facd
 } 
::-o-selection
 { 
background:#d6facd
 } 
::-webkit-selection
 { 
background:#d6facd
 } 
::selection
 { 
background:#d6facd
 } 
*
 { 
-moz-osx-font-smoothing:grayscale; 
text-rendering:optimizelegibility; 
color:inherit
 } 
*,*::before,*::after
 { 
box-sizing:border-box
 } 
:root
 { 
font-size:16px
 } 
img
 { 
-webkit-user-select:none; 
-moz-user-select:none; 
-ms-user-select:none; 
user-select:none; 
border:0; 
vertical-align:middle; 
max-width:100%
 } 
html
 { 
background-color:#fff
 } 
html,body
 { 
margin:0; 
padding:0; 
height:100%
 } 
body
 { 
color:rgba(0,0,0,0.8); 
font-family:Georgia,serif; 
line-height:1.5; 
overflow-y:scroll; 
overflow-x:hidden; 
margin:0 auto; 
max-width:1280px; 
width:95%; 
word-wrap:break-word
 } 
h1,h2
 { 
font-family:"Lucida Grande","Lucida Sans",Verdana; 
font-weight:700
 } 
h1,h2,h3
 { 
line-height:1.05; 
 
 } 
h1,h3
 { 
letter-spacing:-0.02em
 } 
h2
 { 
letter-spacing:-0.03em; 
margin:0 0 1rem 0; 
font-size:2.5em
 } 
h3
 { 
margin-bottom:.5rem; 
font-size:1.25rem; 
font-weight:600
 } 
a
 { 
color:rgba(0,0,0,0.8); 
text-decoration:none
 } 
main a
 { 
color:rgba(0,0,0,0.8)
 } 
main a:hover,main a:focus
 { 
 } 
p
 { 
margin-bottom:1.5rem
 } 
p,address,ul,blockquote
 { 
font-size:1.2rem; 
line-height:1.6
 } 
address
 { 
font-style:normal
 } 
blockquote p
 { 
margin:0
 } 
blockquote,blockquote ul
 { 
margin-bottom:0
 } 
blockquote li
 { 
margin-bottom:1rem
 } 
body>nav
 { 
	position : fixed;
float:left; 
padding-top:1rem; 
padding-bottom:1rem; 
width:19%; 
max-width:244px;
top : 0;

 }


body>nav h1
 { 
font-size:1.75rem; 
margin-bottom:0
 } 
body>nav a
 { 
line-height:1.75
 } 
body>nav ul
 { 
margin:0; 
padding:0
 } 
body>nav ul ul
 { 
padding-left:1rem
 } 
li
 { 
margin-top:.25rem; 
padding-left:.5rem; 
padding-right:.5rem
 } 
body>nav li
 { 
list-style:none
 } 
main
 { 
float:right; 
padding:1rem 0rem; 
margin-left:5%; 
width:72.5%
 } 
main>header>img
 { 
margin:0 auto
 } 
main>*
 { 
float:left; 
width:100%
 } 
#description{
	margin-top : 1.5rem;
}
main>#intro-details>div:first-child,main>#outro-details>div:first-child
 { 
padding-right:1.5rem
 } 
main>#intro-details>div:last-child,main>#intro-details>div:first-child p
 { 
margin-top:0
 } 
main>#images>div,main>#logo-icon>div
 { 
margin:0 auto; 
text-align:center
 } 
main>#images>div a,main>#images>div a:hover,main>#images>div a:focus,main>#logo-icon>div a,main>#logo-icon>div a:hover,main>#logo-icon>div a:focus
 { 
border-bottom:0
 } 
main>#images img
 { 
display:inline-block; 
margin: 0.5rem 0;

 } 
main>#logo-icon img
 { 
display:inline-block; 
padding:0 .5rem;
 } 
#column {
	float : left;
	width:50%;
	margin:0;
}
	#column p {
		margin: 0;
		padding: 0 0.5rem;
	}
	#column img {
		margin: auto;
	}
#section{
	position:relative;
	width:100%;
}
	#section img {
		padding: 0;
		margin:0;
	}
#outro-details{
	position:relative;
	width:75%;
	margin:auto;
}
#separation {
	width: 100%;
	margin: 1em auto;
}
	#separation > img {
		display: block;
		margin: auto;
	}
#contact{
	margin : auto;
}


.embed-responsive
 { 
position:relative; 
display:block; 
height:0; 
padding:0; 
margin-bottom:1.5rem
 } 
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video
 { 
position:absolute; 
top:0; 
bottom:0; 
left:0; 
width:100%; 
height:100%; 
border:0
 } 
.embed-responsive-16by9
 { 
padding-bottom:56.25%
 } 
.external
 { 
border-bottom:0
 } 
.external::after
 { 
color:rgba(0,0,0,0.4); 
content:"↗"; 
font-size:.6rem; 
font-weight:800; 
padding-left:.1rem; 
vertical-align:text-top
 } 
.external:hover::after,.external:focus::after
 { 
color:rgba(0,0,0,1)
 } 
main>footer
 { 
color:rgba(0,0,0,0.2); 
padding-bottom:.5rem
 } 
main>footer a
 { 
color:rgba(0,0,0,0.2)
 } 
main>footer a:hover,footer a:focus
 { 
border-bottom:1px solid rgba(0,0,0,0.4)
 } 
main>footer p
 { 
margin:0
 } 
.w-2
 { 
float:left; 
position:relative; 
width:20%
 } 
.w-3
 { 
float:left; 
position:relative; 
width:30%
 } 
.w-33
 { 
float:left; 
position:relative; 
width:33.33%
 } 
.w-4
 { 
float:left; 
position:relative; 
width:40%
 } 
.w-5
 { 
float:left; 
position:relative; 

 } 
.w-6
 { 
float:left; 
position:relative; 
width:60%
 } 
.w-66
 { 
float:left; 
position:relative; 
width:100%;
margin:0;
 } 
.w-7
 { 
float:left; 
position:relative; 
width:70%
 } 
.w-8
 { 
float:left; 
position:relative; 
width:80%
 } 
.w-9
 { 
float:left; 
position:relative; 
width:90%
 } 
.w-10
 { 
	padding:0;
float:left; 
position:relative; 
width:100%
 } 
.i-5
 { 
position:relative; 
max-width:49.5%
 } 
.i-10
 { 
position:relative; 
max-width:100%
 } 
@media(max-width:62em)
 { 
nav
 { 
display:none
 } 
main
 { 
padding:1.5rem; 
width:100%
 } 

 } 
@media(max-width:48em)
 { 
main
 { 
padding:1.5rem
 }



main>#intro-details>div:first-child
 { 
padding-right:0rem
 } 
main>#intro-details>div:last-child
 { 
padding-left:0rem
 } 
main>#images img
 { 
padding:0;
 } 
.w-s-10
 { 
float:left; 
position:relative; 
width:100%
 } 
.i-s-10
 { 
position:relative; 
max-width:100%
 } 

 } 
@media(max-width:34em)
 { 
main
 { 
padding:.5rem
 } 
main>#outro-details>div:first-child
 { 
padding-right:0rem
 } 
main>#outro-details>div:last-child
 { 
padding-left:0rem
 } 
.w-xs-10
 { 
float:left; 
position:relative; 
width:100%
 } 
 
 } 
body>nav 
 { 
margin-right=2%; 

 } 

 } 
#contact>p
 { 
	float:left; 
	margin-right : 2rem; 
	margin-top:0.5rem; 
	margin-bottom:0.5rem; 

 }

.video{
	width:100%;
	height:100%;
	aspect-ratio:16/9;
}
 h2 {
	width: 100%;
	text-align: center;
}
nav>h2
 { 

margin-top:2rem; 


 }