@media screen and (max-width: 1600px) 
   {  
      .main 
         {
            padding-left: 20px;
            padding-right: 20px;
         }		 	    

   }
   
@media screen and (max-width: 1400px) 
   {  
      #backTop 
         {
            display: none;
         }		 	    

   }
   
@media screen and (max-width: 1200px) 
   {  
      footer .center
         {
            padding-left: 20px;
            padding-right: 20px;
            width: calc(100% - 40px);
            background: url('../images/footer-logo.svg') 20px 50% no-repeat;
            background-size: 50px;
         }
		 
      .first header .center
         {
            padding-left: 20px;
            padding-right: 20px;
            width: calc(100% - 40px);
         } 
   }
   
@media screen and (max-width: 1000px) 
   {  
      a.responsive_menu
         {
            display: block;
            position: fixed;
         }
		 
      nav
         {

            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100%;
            background: #000000;
            float: none;
            display: inline-block;
            margin: 0px !important;
            padding: 0px;
            text-align: center;
            z-index: 999 !important;
            position: fixed;
            display: none;
         }

      nav ul
         {
            margin: 0px;
            padding: 0px;
            width: 100%;
            margin-top: 50px;
         }
		 
      nav ul li
         {
            margin: 0px;
            padding: 0px;
            width: 100%;
            text-align: center;
            list-style-type: none;
         }
		 
      nav ul li a
         {
            text-align: center;
            width: 100%;
			display: block;
			height: auto;
            font-size: 20px;
            color: #F58220;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
         }
		 
      nav ul li:after
         {
            content: '';
         }
		 
		 
   }
   
   
@media screen and (max-width: 800px) 
   {
      .main .foto,.mapa
         {
            width: 100%;
            margin-bottom: 20px;
		 }
		 
      .main .content
         {
            width: 100%;
            padding-left: 0px;
		 }
		 
      .content ul.reference li
         {
            width: calc(50% - 60px);
            border: 20px solid #ffffff;
         }
   }
   
   
@media screen and (max-width: 600px) 
   { 
      .height-400
         {
            height: auto;
         }
		 
      .first header img.logo
         {
            width: 200px;
            margin-top: 11px;
         } 
		 
      .first .motto .text
         {
            font-size: 16px; 
         }
		 
      .content ul.reference li
         {
            width: calc(100% - 40px);
            border: 20px solid #ffffff;
			margin: 0px;
            margin-bottom: 10px;
         }
		 
      footer .center
         {
            background: url('../images/footer-logo.svg') 50% 95% no-repeat;
            background-size: 50px;
         }
		 
      footer ul
         {
            width: calc(100% - 20px);
            float: left;
            display: block;
            margin-bottom: 50px;
         }

      footer ul li
         {
            width: 100%;
         }

      footer ul li a
         {
            width: 100%;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 5px;
         }
   
      footer ul li:after
         {
            content: '';
         }
   }