#BODY1 {
  
  background-image: url("../IMG/BG-04.gif");
  background-repeat: round;
  
  }

 #TITULO1 {
   text-align: center ;
   color: white;
   font-family: 'FONT1', Times New Roman;
  }
  
  #TITULO2 {
   text-align: center;
   color: white;
   text-decoration: none;
   font-family: 'FONT2', Times New Roman;
   font-size: 25px;
  }
  
  #TITULO3 {
   text-align: center;
   text-decoration: none;
   display:block; 
   color: white;
   font-family: 'FONT4', Times New Roman;
   
  }
  
  #PARRAFO1
  {
   text-align: left ;
   color: white;
   font-family: 'FONT3', Times New Roman;
   font-size: 21px;
     }

	 #DIV1 {
   display:block; 
   margin: auto;
   width: 47%;
   padding: 0 16px;
   padding: 16px;
   background: #8766ce;
   color: white;
   font-size: 23px;
   height: 100px;
   
     }
	  
   
    @media screen and (max-width: 1090px){
      #BODY1{
        background-size: 40%;
      }
      
    }
	 @media screen and (max-width: 480px) {
  #DIV1 {
    width: calc(100% - 40px);
  }
	 }
  
   #DIV2 {
   display:block; 
   margin: auto;
   width: 47%;
   padding: 0 16px;
   padding: 16px;
   background: #D60857;
   color: white;
   height: 80px;
   
     }
     #DIV4 {
      display:block; 
      margin: auto;
      width: 47%;
      padding: 0 16px;
      padding: 16px;
      background: #D60857;
      color: white;
      height: 35px;
      
        }
	 
   
	 @media screen and (max-width: 480px) {
  #DIV2,#DIV4 {
    width: calc(100% - 40px);
  }
   } 
   @media screen and (max-width: 280px) {
    #DIV1{
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #DIV2{
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #DIV4{
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
     } 


	 #DIV3 {
   
   margin: auto;
   display: block; 
   color: white;
   width: 47%;
   padding: 0 12px;
   padding: 16px;
   background: black;
   
   
     }
	 
	 @media screen and (max-width: 480px) {
  #DIV3 {
    width: calc(100% - 40px);
  }
}
  
  
	 
  P:first-letter { 
font-size: 37px; 
color: yellow; 
font-weight: bold; 
}

#DIV1{
  display: flex;
  align-items: center;
  justify-content: center;
}
#DIV2{
  display: flex;
  align-items: center;
  justify-content: center;
}
#G1 { 
color: yellow;
}


@font-face {
  font-family: 'FONT1';
  src: url('../fonts/501.ttf') format('truetype');
}

@font-face {
  font-family: 'FONT2';
  src: url('../fonts/502.ttf') format('truetype');
}

@font-face {
  font-family: 'FONT3';
  src: url('../fonts/503.ttf') format('truetype');
}

@font-face {
  font-family: 'FONT4';
  src: url('../fonts/504.ttf') format('truetype');
}



a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: coral;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}