@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700';
*{
    margin: 0;
    padding: 0; 

}

/* selector { propiedad: valor;} */
body {
    background-image:url(../img/background.jpg)
}

.contenedor {
    width: 100%;
    max-width: 1200px;
    margin: auto;
   }

nav {
	float: right;
}

nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		padding-right: 60px;
        margin:-25px -59px;
	}

nav ul li {
            display: inline-flex; 
			display: inline-block;
			line-height: 80px;
		}

nav ul li a {
				display: block;
				padding: 0px;
                font-size: 15px;
                font-family: 'Poppins', sans-serif;
                font-weight: 500;
                text-align: right;
                text-decoration: none;
                
			}

 h1 {
    color: rgb(8, 180, 140); 
    font-size: 50px; 
    font-family: 'Pattaya', sans-serif;
    font-weight: 400;
    text-align: left; 
    background-color: #FFFFFF;
    margin: 20px 120px 20px 120px; 
    padding: 5px 15px 5px 15px;
    }

h2 { 
    color: #6c6c6c;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600 ;
    background-color: rgba(204, 204, 204, 0.43);  
    margin: 20px 120px 10px 120px; 
    padding: 5px 15px 5px 15px;
}
    

h3 {
    margin: 10px 10px 10px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #727272;
    line-height: 41px;
    font-weight: 700;
    }
h4 {
    margin: 10px 10px 10px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #727272;
    line-height: 18px;
    font-weight: 300;
    padding-bottom: 10px;
    }

article {
    margin: 10px 10px 10px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #727272;
    line-height: 42px;
    font-weight: 700;
}

.imagen {
    
    margin: 10px 120px 10px 120px;
}

section {
    background-color: rgba(229, 229, 229, 0.39); 
    margin: 40px 120px 10px 120px;
  }

.linea {
    border-width: 0,1px;
    border-style: double; 
    border-color: #9a9a9a;
    margin: 10px 120px 10px 120px;
}

a:link {
    color: #464646;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #464646;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #45dbad;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: #ffb3d6;
    background-color: transparent;
    text-decoration: underline;
}

{
text-decoration: none;
color: #3c3c3c;
}


img {
    float: left;
    margin: 5px 25px 0px 25px;
    padding: 5px;
}


footer p { 
    font-family: 'Poppins', sans-serif;
    font-size: 12px; 
    color: #585858;
    font-weight: 400;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 16px;
    padding: 10px;
}
    
footer {
        margin: 25px 120px 25px 120px; 
        background: rgba(229, 229, 229, 0.39);  
       }


@media screen and (max-width: 1104px){
    nav {
        float: right; 
        }

    nav ul li a {
        font-size: 12px;
        text-align: right;    
    }
    
    section {
        margin: 20px 20px 40px 20px;
        padding: 20px;
    }
    
     h1 {
        font-size: 40px; 
        text-align:center;
        padding: 1px; 
        font-size-adjust: auto;
        margin: 10px 20px 20px 20px;
    }
    
    img {
        margin: 0px 20px 0px -40px;
    }  
    
    h2 {
        font-size: 15px;
        margin: 0px 20px 20px 20px;
    }

    h3 {
        font-size: 16px;
        line-height: 18px;
    }
    
    h4 {
        font-size: 14px;
    }

    .linea {
        margin: -30px 20px 10px 20px;
    }
    
    footer {
        font-size-adjust: auto;
         margin: 0px 20px 25px 20px;
    }
}

@media screen and (max-width: 760px){
    
     nav ul li a {
        font-size: 10px;   
    }
     
    h1 {
        font-size: 40px; 
        text-align:justify
        padding: 1px; 
        font-size-adjust: auto;
        margin: 30px 0px 20px 0px;
    }
    
    img {
        margin: 0px 20px 0px -90px;
    }  
    
    section {
        margin: 20px 0px 40px 0px;
        padding: 20px;
    }
   
    h2 {
        margin: 20px 0px 20px 0px;
    }
    
    h3 {
        font-size: 13px;
        line-height: 12px;
    }
    
    h4 {
        font-size: 12px;
        line-height: 15px;    
    }
    
    .linea {
        margin: -30px 0px 10px 0px;
    }
    
    footer {
        margin: 0px 0px 25px 0px;
        line-height: 8px;
    }   
    
}