@charset "UTF-8";
/*font-family: 'Quicksand', sans-serif;*/
/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
*{
  font-family: sans-serif;
}
body{
  margin: 0;
}
#logo h1{
  font-family: 'Quicksand', sans-serif;
  font-weight: normal;
  font-size: 42px;
  text-align: center;
  margin: 0 5%;
  padding-bottom: 100px;
  border-bottom: 1px solid black;
}
#logo span{
  font-size: 14px;
  color: #aaaaaa;
}
#logo img{
    width: 40px;
}
#logoimg{
  text-align: center;
}
#logo{
  margin-top: 100px;
}
#Works{
  margin: 0 10%;
  padding: 10px 50px;
}
#Works h2{
  font-family:'Quicksand', 'M PLUS Rounded 1c', sans-serif;
  font-weight: normal;
  font-size:40px;
  padding-left: 20px;
  margin: 0;
}
#Works h2 span{
  font-size: 14px;
  color: #aaaaaa;
}
#Works p{
  
  font-size:100%;
  margin: 0;
  
}
#Works br{
  line-height: 1;
}
.right{
  float: right;
  margin-left: 20px;
}
video{
  width: 500px;
  max-height: 500px;
}
.youVideo{
  height: 600px;
  width: 500px;
}
img{
  width: 500px;
  max-height: 500px;
}
.gitIcon{
  padding-left: 15px;
  width: 28px;
  display: inline-block;
}
.box{
  margin: 30px 45%;
  padding-top:20px;
  border-bottom: 1px solid black;
  clear: both;
}
.left{
  float: left;
  margin-right: 20px;
}
#footer{
  text-align: center;
  font-size: 14px;
  color: #aaaaaa;
  
}


#w8-a:link, #w8-a:visited, #w8-a:hover, #w8-a:active {
  color: cornflowerblue;
  text-decoration: none;
}
#w8-a:hover{
  border-bottom: 1px solid rgb(150, 150, 150);
}

@media screen and (max-width: 1279px){
    .left,.right{
    float: none;
    margin: 0;
  }
  .youVideo,video,img{
    width: 100%;
    max-height: 500px;
  }
}
@media screen and (max-width: 959px){
  #Works{
    margin: 0 7%;
    padding: 10px 5%;
  }
  .youVideo,video,img{
    width: 100%;
    max-height: 400px;
  }
  .left,.right{
    float: none;
    margin: 0;
  }
}
@media screen and (max-width: 559px){
  #Works{
    margin: 0 10px;
    padding: 10px 1%;
  }
  #Works h2{
    font-size: 24px;
  }
  .youVideo,video,img{
    width: 100%;
    max-height: 300px;
  }
  .left,.right{
    float: none;
    margin: 0;
  }
  
}