@font-face {
    font-family: 'ralewaymedium';
    src:url('../../recgrales/fonts/Raleway-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html,body{margin:0;padding:0;}
html{min-width:300px;}
body{background-color:#a2d7db;background-image: url('../img/bg.jpg');background-size:cover;background-repeat: no-repeat;}
.container{width:100%;margin:0 auto;padding:10px;box-sizing: border-box;}
.content{font-family: 'ralewaymedium', sans-serif;}
.logo{width: 100%;margin-bottom:5px;}
.center{text-align: center;}
.logo img{width:100%;max-width:290px;}
.apertura .tapa img{width:95%;max-width:230px;box-shadow: 2px 2px 5px rgba(0,0,0,0.5);border:16px solid #d5eeb9;border-radius:7px;}
.title{font-size:32px;line-height:1.25;font-family: ralewaymedium, sans-serif;font-weight: normal;margin:5px auto 10px;color: #1a4c7e;-webkit-text-stroke-width:thin;}
.bajada{font-size:20px;font-weight:bold;margin:40px 0 0;}
.recursos h3{margin-bottom:3px;text-transform:uppercase;color:#1a4c7e;font-size:1.35em;}
.apertura h2{margin-top:15px;font-size:22px;}
.recursos{padding:15px 10px;width:95%;max-width:350px;display:block;vertical-align: top;margin:15px auto 40px;border-radius: 5px;color:black;font-family: 'ralewaymedium',sans-serif;background-color: rgba(233,247,171,0.7);box-shadow: 4px 4px 5px rgba(0,0,0,0.2);}
.recursos img{width:100%;max-width:250px;display:block;margin:3px auto 5px auto;border-radius: 4px;box-shadow: 4px 4px 5px rgba(0,0,0,0.3);}
.recursos p{margin:3px auto;font-size: 1.2em;}
a:link{text-decoration:none;}


@media(min-width:850px){
	.content{width:95%;max-width:1250px;margin:0 auto;}
    .title{font-size:38px;line-height:45px;display: inline-block;border-radius: 24px;padding:3px 12px; box-shadow: 0px 2px 7px #fff;background-color: rgba(255,255,255,0.6);}
    .bajada{font-size:21px;}
}
@media(min-width:1100px){
    .recursos{margin:15px auto 40px;}
}
@media(min-width:1200px){
    body{background-size:100%;}
	.recursos p{font-size: 17px;padding:0 15px;}
}