*{
    /*defaults*/
    box-sizing: border-box;
    margin:0;
    /*padding:0;*/
}
.header {
    background-color: #909AB9;
    width: 100%;
    height: 10vh;
    position: fixed;
    z-index: 1;
}
.headerName {
    font-family:  Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-size: 7vmin;
    font-weight: lighter;
    color: white;
    position: absolute;
    margin: 0px 5vmin;
    top: 50%;
    transform: translate(0,-50%);
}
.headerButton {
    font-family:  Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-weight: lighter;
    text-decoration: none;
    font-size: 4vmin;
    color: white;
    position: relative;
    display: inline-block;
    margin: 0 8vmin 0 0;
    float: right;
    height: 100%;
    max-width: 10vmin;

}
@media (max-width: 600px){
    .headerButton{
        font-size: 3vmin;
         margin: 0 4vmin 0 0;
    }
}
a {
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    color: inherit;
}
.headerButtonContainer {
    position: absolute;
    top: 50%;
    height: 4.5vmin;
    width: 100%;
    transform: translate(0,-50%);
}
body{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    overflow-x: hidden;
    /*background: url("me-sitting.jpg")no-repeat 50% 50%;*/
}
.body{
    position: absolute;
    top: 10vh;
    width: 100%;
    display: inline-block;
    min-height: 90vh;
}

.main{
    padding: 40px 22%;
    text-align: left;
}
@media (max-width: 600px){
    .main{
        margin: 0 3% 0;
        padding: 0 0 10px;
    }
}
.project h1{
    margin: 5% 40% 0;
    padding: .2%;
    text-align: center;
    font-weight: lighter;
    color: #909AB9;
    font-family: Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-size: 5vw;
    border: 2px solid #30807D;
    border-radius: 20px;
}
@media (max-width: 600px){
    .project h1{
        margin: 3% 37%;
        padding: 2% 4%;
    }
}
.list h2{
    margin: 0 auto;
    padding: 0 auto;
    text-align: left;
    font-weight: lighter;
    color: #FEB100;
    font-family: Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-size: 36px;
}

@media(max-width: 600px){
	.list h2{
		font-size: 5vw;
	}
}

ul {
    margin-top: 0;
    list-style-type: circle;
}

.summary{
    text-align: left;
    color: black;
    font-family: sans-serif;
    font-weight: lighter;
    padding: 0 0 20px;
    font-size: 20px;
    line-height: 1.6;
    margin: 0; 
    
}

@media(max-width: 600px){
	.summary{
		font-size: 4vw;
	}
}
.list{
    text-align: left;
    color: black;
    font-family: sans-serif;
    font-weight: lighter;
    /*padding: 0 0 50px;*/
    font-size: 20px;
    line-height: 1.4;

}

@media(max-width: 600px){
	.list {
		font-size: 4vw;
		padding: 0;
	}
}
/*#iframe-video{
    position: absolute;
    right: 25%;
}*/
.video{
    position: relative;
    overflow: hidden;
    padding: 10% 0 0;
}
.video, iframe{
    text-align: center;
    left:0;
    top:0;
    position: relative;
}
@media (max-width: 600px){
iframe {
    height:auto;
    width:100%;
}
}
@media (max-width: 600px){
    #contributions, #side-caption {
        display: none;
    }
}
@media (max-width: 600px){
    .lingoLogo {
        display: none;
    }
}
#lingoDemo{
    margin: 10% 25% 0;
}
#reaction{
    margin-left: 25%;
}
#side-caption{
/*margin: 2% 0 10%;*/
    text-align: center;
    font-weight: lighter;
    color: #909AB9;
    font-family: Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-size: 1vw;
    padding-left: 50%;
    padding-top: 3%;
}
.caption{
    margin: 3% 0 0;
    text-align: center;
    font-weight: lighter;
    color: #909AB9;
    font-family: Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-size: 1vw;
}

.image-demo{
    padding: 10% 10% 0;
    max-width:100%;
    height: auto;
}
footer{
    margin: 5% 0 0 0;
}
footer, p{
    font-family:  Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-weight: lighter;
    color: #646464;
    margin: 2% 0 1%;

}
.footer-link-containers {
    position: absolute;
    height: 4.5vmin;
    width: 100%;
    padding: 0% 25% 3%;
    
}
.links{

   font-family:  Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    font-weight: lighter;
    text-decoration: none;
    text-align: center;
    font-size: 2vmin;
    color: #38928F;
    position: relative;
    display: inline-block;
    margin: 0 3vmin 0 0;
    height: 100%;
    max-width: 10vmin;
}
.icons{
  height: 25px;
}