@media only screen and (max-device-width: 320px){
}
@media only screen and (min-width: 321px) and (max-width: 479px){
  body{background: none;}
  .main-container{flex-direction: column;}
  .wrapper-left, .wrapper-right{width: 100%;}
  .wrapper-left{display: flex; height: 100%; align-items: center; justify-content: center; clip-path: none; background-color: var(--bg-dark);}
  .container-info{width: 90%; margin: unset;}
  .self-portrait{margin-bottom: 2em;}
  .information{padding: unset; text-align: center;}
  .link-item {margin: 0 0.2em;}
  .link-item a{font-size: 2em;}
  .wrapper-right{display: none;}
}
@media only screen and (min-device-width: 480px) and (max-width: 767px){
  body{background: none;}
  .main-container{flex-direction: column;}
  .wrapper-left, .wrapper-right{width: 100%;}
  .wrapper-left{display: flex; height: 100%; align-items: center; justify-content: center; clip-path: none; background-color: var(--bg-dark);}
  .container-info{width: 90%; margin: unset;}
  .self-portrait{margin-bottom: 2em;}
  .information{padding: unset; text-align: center;}
  .link-item {margin: 0 0.2em;}
  .link-item a{font-size: 2em;}
  .wrapper-right{display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 899px){
  body{background: none;}
  .main-container{flex-direction: column;}
  .wrapper-left, .wrapper-right{width: 100%;}
  .wrapper-left{display: flex; height: 100%; align-items: center; justify-content: center; clip-path: none; background-color: var(--bg-dark);}
  .container-info{width: 90%; margin: unset;}
  .self-portrait{margin-bottom: 2em;}
  .information{padding: unset; text-align: center;}
  .link-item {margin: 0 0.2em;}
  .link-item a{font-size: 2em;}
  .wrapper-right{display: none;}
}
@media only screen and (min-width: 900px) and (max-width: 1023px){
}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
  .container-info{width: 65%; margin-left: 4.3em;}
  .self-portrait{margin-bottom: 3em;}
  .self-portrait img{width: 31%;}
  .information{padding: unset;}
  .information p, .catchphrase p:last-child{font-size: 1em;}
  .link-item {margin: 0 0.2em;}
  .link-item a{font-size: 2em;}
  .content-wait{width: 90%; text-align: center;}
  .catchphrase p:first-child{font-size: 1.563rem;}
  .catchphrase h1{font-size: 2.441rem;}
}
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  .container-info{margin-left: 5.5em;}
  .self-portrait{margin-bottom: 3em;}
  .self-portrait img{width: 28%;}
  .information{padding: 0 2em;}
  .information p, .catchphrase p:last-child{font-size: 1em;}
  .link-item {margin: 0 0.2em;}
  .link-item a{font-size: 2em;}
  .content-wait{padding-right: 1.5em;}
  .catchphrase p:first-child{font-size: 1.563rem;}
  .catchphrase h1{font-size: 2.441rem;}
}
@media only screen and (min-width: 1366px) and (max-width: 1439px){
  .container-info{margin-left: 6.5em;}
  .self-portrait{margin-bottom: 3em;}
  .self-portrait img{width: 28%;}
  .information{padding: unset;}
  .content-wait{padding-right: 1.5em;}
  .catchphrase p:first-child{font-size: 1.563rem;}
  .catchphrase h1{font-size: 2.441rem;}
  .catchphrase p:last-child{padding-right: 5.5em;}
  .container-loader{padding-right: 4em;}
}
@media only screen and (min-width: 1440px) and (max-width: 1599px){
  .container-info{margin-left: 6.5em;}
  .self-portrait img{width: 30%;}
  .information{padding: 0 1em;}
  .content-wait{padding-right: 1.5em;}
  .catchphrase p:first-child{font-size: 1.563rem;}
  .catchphrase h1{font-size: 2.441rem;}
  .catchphrase p:last-child{padding-right: 5.5em;}
  .container-loader{padding-right: 6em;}
}
@media only screen and (min-width: 1600px) and (max-width: 1919px){
  .container-info{margin-left: 7em;}
  .information{padding: 0 2.5em;}
}