.articles{
    background-color: #3333cc;
    color:#e9f7fc;
}
.articles .art1{
    margin-top:0px;
}
.articles .art1,
.articles .art2,
.articles .art3{
	display: inline-block;
	vertical-align: top;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    border-bottom:solid 1px #e9f7fc;
    /*border-bottom:solid 1px #e6e6e6;*/
    }
.artpics{
    width:100%;
}

.articles a{
    text-decoration: none;
    color:#e9f7fc;
    border:solid 1px #e9f7fc;
    padding:12px;
    display: inline-block;
    border-radius: 50px;
    width:120px;
    text-align: center;
    margin-top:20px;
}
.articles a:hover{
    border:1px solid #A45AB5;
    color:#A45AB5;
    transition-delay: 0.1s;
}
.articles p{
    line-height:150%;
}
.articles h4{
    font-weight: 300%;
    font-size:25px;
}

/*Article 1 */
.articles .art1 .art1_pic{
    float:left;
    width:40%;
    height: 400px;
    /*background: url("images/ampolletas.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
}
.articles .art1 .art1_pic img{
    height: 100%;
    width: 100%;
}
.articles .art1 .art1_text{
    float:right;
    width:51%;
    text-align: justify;
    text-justify: inter-word;
    padding:50px;
    
}

/*Article 2 */
.articles .art2 .art2_pic{
    float:right;
    width:40%;
    height: 400px;
    /*background: url("images/labo.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
}
.articles .art2 .art2_pic iframe,
.articles .art2 .art2_pic img{
    height: 100%;
    width: 100%;
}
.articles .art2 .art2_text{
    float:left;
    width:51%;
    text-align: justify;
    text-justify: inter-word;
    padding:50px;
}

/*Article 3 */
.articles .art3 .art3_pic{
    float:left;
    width:40%;
    height: 400px;
    
    
    /*background: url("images/ampolletas_car.png");
    background-repeat: no-repeat;
    background-position: center;*/
}
.articles .art3 .art3_pic img{
    height: 100%;
    width: 100%;
}
.articles .art3 .art3_text{
    float:right;
    width:51%;
    text-align: justify;
    text-justify: inter-word;
    padding:50px;
}

/*optimize for mobile*/
@media (max-width: 900px) {


    .articles .art1,
    .articles .art2,
    .articles .art3{
	display: block;
        text-align: center;
        margin:0;
        padding:0;	
	}
    .articles .art1 .art1_text,
    .articles .art2 .art2_text,
    .articles .art3 .art3_text{
        float:none;
        width:80%;
        margin: 0 auto;
        text-align:center;
        padding:0;
        margin-bottom:30px;
        margin-top:30px;
    }
    .articles h4{
        margin:0;
        padding:0;
    }
    .articles p{
    	display:none;
    }
    .articles .art1 .art1_pic,
    .articles .art3 .art3_pic{
        width:100%;
        height: auto;
        float:none;
        margin:0 auto;
        padding:0;
    }
    .articles .art2 .art2_pic{
    	float:none;
        margin:0 auto;
        width:100%;
        }
     .articles a{
         text-align: center;

     }
  

	.footer-distributed .footer-center img{
		margin-left: 0;
	}

}
@media screen and (min-width:1600px){
    .articles .art1 .art1_pic,
    .articles .art3 .art3_pic,
    .articles .art2 .art2_pic iframe
    {
        height:100%;
    }
    .articles .art1 .art1_text,
    .articles .art2 .art2_text,
    .articles .art3 .art3_text{
        font-size:30px;
        
    }
    .articles a{
        width:200px;
        padding:30px;
    }
}