/* 


@media only screen and (max-width:1266px){
  .section2{
      width:100%
  }
}
@media only screen and (max-width:960px){
  .container{
      padding:0 30px 70px
  }
  .section2 .col2{
      width:100%;
      display:block
  }
  .section2 .col2.first{
      margin-bottom:10px
  }
  .section2 .col2.column2{
      padding:0
  }
}
@media only screen and (max-width:768px){
  .section2 .sec2contactform h3{
      font-size:16px
  }
  .section2 .sec2contactform input[type=email],.section2 .sec2contactform input[type=text],.section2 .sec2contactform textarea{
      padding:10px;
      margin:3px 0
  }
  .section2 .sec2contactform input[type=submit]{
      padding:10px 30px;
      font-size:14px
  }
}
@media only screen and (max-width:420px){
  .section1 h1{
      font-size:28px
  }
} */

/* 
@media only screen and (max-width:1266px){
  .section2.columns .column{
    margin: 10px 0;
    width: 100%;
  }

  .section2.columns{
    flex-direction:column;
  }
} */

/* @media only screen and (max-width:1266px){ */
@media only screen and (max-width: 940px) {
  .columns .column {
    margin: 10px 0;
    width: 100%;
  }

  .columns {
    flex-direction: column;
  }
}

@media screen and (max-width: 940px) {
  .containerdesc {
    top: 10%;
  }
}

@media screen and (max-width: 768px) {
  #aside {
    width: 300px;
    -moz-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
    padding-top: 4em;
  }

  #aside #main-menu ul {
    margin: 0 0 2em 0;
  }

  .footer {
    position: relative;
    bottom: 0;
  }

  .main {
    width: 100%;
  }
  /* #main{
      width:100%;
      padding:0 1em
  } */
  /* * {
    display: none;
  } */

  .narrow-content {
    padding: 0;
  }

  .about,
  .contact,
  .education,
  .skills,
  .work {
    padding-top: 5em;
    padding-bottom: 8em;
  }

  .heading {
    margin-bottom: 3em;
  }

  .social li a {
    padding: 10px 8px;
  }

  .side-nav {
    display: none;
  }

  /* .columns{
      flex-direction:column;
    }
    .column{
      width:98%;
      margin: 15px 0;
    } */

  .mobile {
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .containerdesc {
    top: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #greeting {
    font-size: 90px;
  }
  .download-btn {
    width: 80%;
  }
}