@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400');


* { box-sizing: border-box;}




body         {margin:0;
	         background:#ffffff ;
	         font-family: 'Titillium Web', sans-serif}
            



hearder      {
             padding: 10% 100%;
             background-size: contain;
             background-image:url(Img/Fondovictorialaurenzi.jpg);
             background-position: bottom;}


hearder h1   { color: #000000;
             text-align: center; 
             font-family: 'Titillium Web', sans-serif;
	         font-weight: 700}






.links           {text-align: center} 


nav a            {display:inline-block;  padding:1rem;}

nav ul li        {list-style-type: none; display: inline ; text-decoration: none }

nav ul li a      { text-decoration: none;
                 list-style-type: none;
                 color: #FFFFFF;
                 border: none;
                 padding: 0,50rem;
                 background-color:#f5c31c;
                 font-family: 'Dosis', sans-serif;
                 font-weight: 400;           
                 margin: 1% 0% }






.presentacion            {text-align: center}
    

.presentacion img       { display:flex;
                         margin: auto}




.presentacion h2           {font-family: 'Titillium Web', sans-serif;
	                       font-weight: 300;
                           text-decoration: none;
                           list-style-type: none;
                           color: #000000}



.presentacion h3           {font-family: 'Titillium Web', sans-serif;
	                       font-weight: 700;
                           color: #f5c31c}





h4                         {text-align: center; 
                           font-family: 'Titillium Web', sans-serif;
	                       font-weight: 700;               
                           margin: 1% 0% ;
                           padding: 0,5rem;
                           background-color:#f8cc38}





.materiasfadu             {display: flex;
	                      justify-content: center;
	                      align-content: center;
                          padding: 1rem;
                          background-color:#efece2;}



.columna1                {width: 50% ; padding: 1rem;
                         text-align: center;
                         background-color:#d0d1b2;
                         margin-left: 90px ; 
                         margin-right: 90px}

 
.columna2                {width: 50% ; padding: 1rem;
                         text-align: center;                    
                         background-color:#d0d1b2;
                         margin-left: 90px ; 
                         margin-right: 90px}


  
.columna3               {width: 50% ; padding: 1rem;
                        text-align: center;
                        background-color:#d0d1b2;
                        margin-left: 90px ; 
                        margin-right: 90px}




h5                   {text-align: center; 
                     font-family: 'Titillium Web', sans-serif;
                     font-size: 1rem;
	                 font-weight: 700;               
                     margin: 1% 0% 0% 0%}


h6                   {text-align: center; 
                     font-family: 'Titillium Web', sans-serif;
                     font-size: 1rem;
	                 font-weight: 700;               
                     margin: 1% 0% 0% 0%}


h7                   {text-align: center; 
                     font-family: 'Titillium Web', sans-serif;
                     font-size: 1rem;
	                 font-weight: 700;               
                     margin: 1% 0% 0% 0%}

                



footer              {background-color: #d0d1b2;
                    text-align: center;
                    padding: 1rem;
                    font-size: .8rem;
                    color: #000000  }


footer h8          {font-family: 'Dosis', sans-serif;
                    color:#000000;font-weight: 700}







/* ------------------------------- Para Ipad  ------------------------------- */


@media screen and (max-width: 768px) {

hearder {padding: 15% 100%;
        background-size: cover; }

.links  {align-items: center; }   
    
nav ul li a {
    padding: 1rem;
    font-size: 1.5rem;
    margin:4% 0%;    } 
    
.presentacion img {
    width: 30%;
  }   
    
.presentacion h2 {
    font-size: 3rem;
  }   
       
.presentacion h3 {
    font-size: 2rem;
 }       
    
h4 {font-size: 2rem; } 
    
.materiasfadu {
	flex-direction: column;
	}
    
.columna1 { 
    padding: 1rem;
    margin: 2rem auto;
    }
    
.columna2 { 
    padding: 1rem;
    margin: 2rem auto;
    }
    
.columna3 {
     padding: 1rem;
    margin: 2rem auto;}
   
    
    
    
 /* fin */
  }    
   
  



    

/* ------------------------------- Para Celular ------------------------------- */

@media screen and (max-width: 320px){

nav ul  {margin:1rem 2rem 2rem 0;} 
    
nav ul li a 
    {
     padding: 1rem;
     font-size: 1.5rem;
     margin:4% 0%;
    }     

    
ul { padding: none;}     
   
nav ul li a {
    padding: 0.8rem;
    font-size: 1rem;
    margin: 4% 0%;}

hearder {padding: 40% 100%;
        background-size: cover; }
    
    
.presentacion img    {width: 12rem; }
    
.presentacion h2    {font-size: 1.5rem;}

.presentacion h3     {font-size: 1.2rem;}
    
h4 {font-size: 1.4rem;}    
    
.materiasfadu {
	flex-direction: column;	}
    

    
    
 /* fin */   
  }