body{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            background-color: #F1F1F1;
         }
        
        header{
          border-bottom: 5px solid #C81E2B;  
          height: 120px;
          
        }
        
       #backhead{
            background-image: url("images/fgheader.jpg");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            
        }
        
        footer{
           /* background-color: #21409A; */
            
            border-top: 5px solid #21409A;  
            height: 220px;
            overflow: hidden;
            margin-top: 25px;
        }
        
         #corner{
            background-image: url("images/fglogo2.jpg");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: right;
            opacity: 0.7; 
            
        }
        

        footer h5, small{
            padding-top: 130px;
        
        }
        
        footer i{
            padding: 10px;
        }

			footer i:hover{
			color: #C81E2B;  
		}

		#up{
			color: #C81E2B;
			margin-left: 400px;
			font-weight: bold;
			
		} 
	
        aside{
            background-color: #21409A;
            color: whitesmoke;
            padding: 15px;
            margin-bottom: 10px;
            font-family: 'Work Sans', sans-serif;
            font-size: 1.1em;
            letter-spacing: 1.1px;
           
        }

        .lett{
            font-family: 'Work Sans', sans-serif;
            font-size: 1.1em;
            letter-spacing: 1.1px;    
        }

        aside ul{
            list-style-type: none;    
        }

        #back{
            height: 250px;
            max-width: 100%;
            background-image: url('images/contacto1.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            
        }

         #vent{
            height: 250px;
            max-width: 100%;
            background-image: url('images/sales.jpg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            
        }

          #cata{
            height: 250px;
            max-width: 100%;
            margin-top: 25px;  
            background-image: url('images/catalog1.jpg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            
        }

        #ico i{
            padding: 10px; 
            
        }

        #ico{
            max-width: 400px;
            margin: auto; 
            text-align: left;
            padding-left: 15px;
            
        }

        #map{
            width: 400px;
            height: 400px;
            margin: 15px auto;
            border: 5px solid #21409A;
            outline: 4px solid red;
            opacity: 0.9;
            padding: 5px;
        }

         .boxrow{
            display: flex;
            flex-flow: row wrap;
            margin: 10px;
			padding: 20px;
            
        }

          article{
            padding: 15px;
        }
        
        article:hover{
            opacity: 0.7;
        }
              
    
        .vid{
            color: #33cc33;
            
        }
    
        .vid:hover{
            color: red;
        } 
    
        article a{
            text-decoration: none;        
        }

        #vide{
            background-color: #21409A;
            max-width: 70%;
            height: 100%;
            margin: 1em;
        }

        #hvid{
          margin-top: 0;
          color: whitesmoke;
          font-size: 1.7em;
          text-align: center;
        }
        #hvid:hover{
          color: red;
          text-shadow: 2px 4px black;
       }


        iframe{
          width: 90%;
          height: 45%;
          display: block;
          margin: auto;    
        
        }

        #hover{
            background-color: #21409A;
            color: whitesmoke;
            opacity: 0.9;
        }
    
         #hover:hover{
            background-color: #C81E2B; 
            color: whitesmoke;
            opacity: 0.5;
        }

        .hov:hover{
            background-color: #3D3477; 
            color: whitesmoke;
            opacity: 0.8;
        }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
          width: 50%;
          margin: auto;
      }


       /* section{
            display: block;
            margin: auto;
        } */
        
@media(max-width: 768px){
              
            footer h5, small{
            visibility: hidden;
        }
            #direc{
             line-height: 1.1;        
        }
	
			#up{
				margin-left: 100px;		
		}
            
        } 
    
@media(max-width: 510px){
            
            #ico i{
            font-size: 1.1em; 
            
        }
            #direc{
             line-height: 1.1;  
		 }
		
                    
        }