/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19/02/2015, 13:53:31
    Author     : ecopika
*/

    #logo{
        width: 700px;
        height: 700px;
        margin: 0 auto;
        background-image: url("/logo7.png");
    }
    img{
        margin-top: 30px;
        width: 700px;
        height: 700px;
    }
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }


/* Pantallas de gran resolución ----------- */
@media all and (max-width : 1824px) {

    #logo{
        width: 700px;
        height: 700px;
        margin: 0 auto;
        background-image: url("/logo7.png");

    }
    img{
        margin-top: 30px;
        width: 700px;
        height: 700px;
    }
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
 
}
 
/* PCs de escritorio y portátiles ----------- */
@media all and (max-width : 1370px) {

    #logo{
        width: 700px;
        height: 700px;
        margin: 0 auto;
        background-image: url("/logo7.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
 
}
 
/* Tabletas (Vertical y Horizontal) ----------- */
@media all
and (min-width : 768px) 
and (max-width : 1024px) {
 
    #logo{
        width: 700px;
        height: 700px;
        margin: 0 auto;
        background-image: url("/logo7.png");
    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
 
}
 
/* Tabletas (Horizontal) ----------- */
@media screen and (max-width : 800px) {
 
}
 
/* Pequeñas Tabletas (Vertical y Horizontal) ----------- */
@media screen
and (min-width : 600px) 
and (max-width : 800px) {
    
 #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
    
 
}
 
/* Pequeñas Tabletas (Apaisado o Horizontal) y Tabletas (Vertical) ----------- */
@media all and (max-width : 750px) {
       
    header{
       margin-top: 100px;
        
        
    }
    
   #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
 
}
 
/* Smartphones (Apaisado o Horizontal) ----------- */
@media all and (max-width : 640px) {
    
    header{
       margin-top: 100px;
        
        
    }
       
 #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
 
}
 
/* Pequeñas Tabletas (Vertical) ----------- */
@media all and (max-width : 600px) {
    
    header{
       margin-top: 100px;
        
        
    }
      
 #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
 
}
 
/* Smartphones (Vertical y Horizontal) ----------- */
@media screen 
and (min-width : 320px) 
and (max-width : 480px) {
   
    header{
       margin-top: 100px;
        
        
    }
    
    
  #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
}
 
/* Smartphones (Vertical) ----------- */
@media all and (max-width : 480px) {
    
   header{
       margin-top: 100px;
        
        
    }
    
 #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
}
 
/* Pequeños Smartphones (Apaisado o Horizontal) ----------- */
@media all and (max-width : 430px) {
    
    #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
}
 
/* Smartphones (Vertical) ----------- */
@media all and (max-width : 375px) {
   #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
}
 
/* Pequeños Smartphones (Vertical) ----------- */
@media all and (max-width : 320px) {
   #logo{
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background-image: url("/logo2.png");

    }
    
    #text{
        font-style: oblique; 
        color: #387A12;
        font-family: 'Montserrat';
        
    }
}