/* --- MEDIA QUERIES --- 
   --- DESKTOP FIRST --- 
--------------------------------------------------*/
@media only screen and (max-width : 1600px) {

   /* -- 1201px—1600px: Extra large screens, TV -- */
   .copyright {
      margin-top: 5rem;
   }
}


/*--------------------------------------------------*/
@media only screen and (max-width : 1200px) {
   /* -- 1025px—1200px: Desktops, large screens -- */
   .top-arrow{
      margin-right: 80px;
   }
}


/*--------------------------------------------------*/
@media only screen and (max-width : 1024px) {
   /* --- 769px—1024px: Small screens, laptops --- */

   .home-social ul {
      padding-left: 106px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin: auto 20px;
      margin: auto 20px;
   }

   .home-social {
      flex: 0 1 100%;
   }

   .home-social li a {
      padding-top: 50px;
      padding-left: 20px;
      padding-right: 20px;
   }

   .pull-left {
      flex: 0 1 30%;
   }

   .home-input .email {
      flex-basis: 100%;
   }

   .home-input .submit {
      flex-basis: 100%;
   }

   .home-input .submit .foot {
      width: 100%;
   }

   .home-social li span {
      top: 75px;
      left: 15%;
   }

   .home-social li:hover span::after {
      opacity: 0;
   }

   .top-arrow{
      margin-right: 20px;
      transform: scale(0.7);
   }

}


/*--------------------------------------------------*/
@media only screen and (max-width : 768px) {
   /* ------ 481px—768px: iPads, Tablets --------- */

   .main-content {

      flex-direction: column;
   }

   .home-content .time {
      margin: 0 2.5rem;
    }

   .pull-right {

      order: 0;
   }

   .pull-left {

      order: 1;
   }

   .info-main {

      margin: 0;
      width: 87%;
      margin: auto;
   }

   .info-contact {

      margin: 0;
      width: 87%;
      margin: auto;
   }

   .home-social ul {

      padding-left: 0;
      margin: auto auto;
   }

   .home-social {
      width: 100%;
   }
   .copyright {
      width: 100%;
      padding: 0;
      margin-top: 2rem;
      margin-bottom: 1rem;
   }

   .copyright span{
      display: block;
      
   }
   .copyright span:first-child::after {
      display: none;
   }

   .infovisible .copyright{
      visibility: hidden;
   }

   .top-arrow{
      margin-right: 10px;
      transform: scale(0.6);
   }

}


/*--------------------------------------------------*/
@media only screen and (max-width : 480px) {

   /* -------- 360px—480px: Mobile devices ------- */
   .overlay {
      width: 100vw;
   }

   .nav-bar {
      width: 100vw;
   }

   .row {
      padding: 0;
   }

   .home-input {
      flex-direction: column;
   }

   .row .home-content {
      width: 95%;
   }

   .home-input .name,
   .home-input .lastname {
      flex-basis: 60%;
      width: 100%;
   }

   .main-content {
      width: calc(100% - 20px);
      padding: 0 10px;
   }

   .home-social li a {
      padding-left: 0px;
   }


   .main-content.infovisible,
   .home-slider.infovisible,
   .overlay.infovisible {
      width: 0;
      transition: width 0s ease 0.2s;
   }

   .info-contact li {
      width: 95%;
   }

   .home-content .clock {
      width: 94%;
      padding: 0 30px;
   }

   .home-content .time {
      margin: 0 1.5rem;
   }

   .home-social li span {
      left: -18%;
   }

   

   .infovisible .social-media{
      visibility: hidden;
   }

   .top-arrow{
      margin-right: 5px;
      transform: scale(0.5);
   }

}


@media (hover: none) and (pointer: coarse) {
   .main-content.infovisible,
   .home-slider.infovisible,
   .overlay.infovisible {
      width: 0;
      transition: width 0s ease 0.2s;
      white-space: nowrap;
      opacity: 0;
   }
 }