html, body {
  margin: 0;
  padding: 0;
  background:#fff;
  color: #1a1a1a;
  font-size: 100%;
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
  width: window-width;
  height: window-height;

}
body{
padding: 0 0 0 2%;
overflow: scroll;
}

.menu::-webkit-scrollbar{ 
    display: none; 
}
.row{
max-width: 100%;
}
.header{
max-width: 98%;
margin: 0 2%;
border-bottom: 1px solid #1a1a1a;
}

h1{
display: inline-block	;
font-size: 4em;
font-weight: 300;
}
h2{
font-size: 2em;
font-weight: 100;
}

ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.menu {
padding: 2%;
top: 5%;
bottom: 0;
right: -17px;
left:10%;
padding: 0;
margin: 0 0 12% 0;
overflow-y: scroll;
text-align: left;
}

.menu li{
max-width: 100%;
margin-bottom: 0;
text-overflow:ellipsis;
text-align: center;
white-space:nowrap;
}

.menu img{
max-width:100%;
margin: 0;
display: flex;
}
.element{
margin-bottom: 3%;
}
.col-md-6{
margin-top: 5.6%;
}

video{
max-width: 100%;
position:relative; 
margin:0; 
padding:0;
}
.vertical-video{
max-width: 60%;
margin:0 0 1% 0; 
padding:0;
}

img{
max-width: 100%;
margin:0 0 1% 0; 
padding:0;
}
.vertical-image{
max-width: 60%;
margin:0 0 1% 0; //outlining text reasons
padding:0;
}

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

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

@media (max-width:1080px){
body{
padding: 12%;
}
h1{
font-size: 2em;
}
h2{
font-size: 1.3em;
}
}