*{
    margin: 0;
    padding: 0;
}

:root{ 
    --verde1:#006d5b;
    --verde2:rgba(3, 44, 41, 0.815); 
    --hover: rgba(45, 189, 177, 0.815) ;  
}

article{
    width: 80%;
    height: auto;
    margin-left: 10vw;
    margin-top: 5vh;
    padding-top: 5vh;
    padding-bottom: 5vh;
}

.texto1 strong{
    color: var(--hover);
}

.texto2 strong{
    color: var(--hover);
}

.texto3 strong{
    color: var(--hover);
}

.texto4 strong{
    color: var(--hover);
}

.foto1{
    width: 150px;
    height: auto;
    box-shadow: -5px 7px 10px rgba(107, 102, 102, 0.77);
    float: left;
    margin-top: 1%;
    margin-right: 5%;
    margin-left: 5%;

    @media (max-width: 768px){
        width:60%;
        margin-bottom: 2%;
    }
}

.zoom .foto1{
    max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover .foto1{
    -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.texto1{
    width: 70%;
    height: auto;
    font-family: 'Raleway', sans-serif;
    font-size: 1.0em;
    text-align: justify;
    float: left;
    margin-top: 6%;
    margin-bottom: 10%;
    margin-left: 3%;
    clear: right;
}

.foto2{
    width: 150px;
    height: auto;
    box-shadow: -5px 7px 10px rgba(107, 102, 102, 0.77);
    float: left;
    margin-top: 1%;
    margin-right: 5%;
    margin-left: 5%;
    clear: left;

    @media (max-width: 768px){
        width:60%;
        margin-bottom: 2%;
    }
}


.zoom .foto2{
    max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover .foto2{
    -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.texto2{
    width: 70%;
    height: auto;
    font-family: 'Raleway', sans-serif;
    font-size: 1.0em;
    text-align: justify;
    float: left;
    margin-top: 6%;
    margin-bottom: 10%;
    margin-left: 3%;
    clear: right;
}  

.foto3{
    width: 150px;
    height: auto;
    box-shadow: -5px 7px 10px rgba(107, 102, 102, 0.77);
    float: left;
    margin-top: 1%;
    margin-right: 5%;
    margin-left: 5%;
    clear: left;

    @media (max-width: 768px){
        width:60%;
        margin-bottom: 2%;
    }
}

.zoom .foto3{
    max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover .foto3{
    -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.texto3{
    width: 70%;
    height: auto;
    font-family: 'Raleway', sans-serif;
    font-size: 1.0em;
    text-align: justify;
    float: left;
    margin-top: 6%;
    margin-bottom: 10%;
    margin-left: 3%;
    clear: right;
}

.foto4{
    width: 150px;
    height: auto;
    box-shadow: -5px 7px 10px rgba(107, 102, 102, 0.77);
    float: left;
    margin-top: 1%;
    margin-right: 5%;
    margin-left: 5%;
    clear: left;

    @media (max-width: 768px){
        width:60%;
        margin-bottom: 2%;
    }
}

.zoom .foto4{
    max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover .foto4{
    -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.texto4{
    width: 70%;
    height: auto;
    font-family: 'Raleway', sans-serif;
    font-size: 1.0em;
    text-align: justify;
    float: left;
    margin-top: 6%;
    margin-bottom: 10%;
    margin-left: 3%;
    clear: right;
}


.foto5{
    width: 150px;
    height: auto;
    box-shadow: -5px 7px 10px rgba(107, 102, 102, 0.77);
    float: left;
    margin-top: 1%;
    margin-right: 5%;
    margin-left: 5%;
    clear: left;

    @media (max-width: 768px){
        width:60%;
        margin-bottom: 2%;
    }
}

.zoom .foto5{
    max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover .foto5{
    -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.texto5{
    width: 70%;
    height: auto;
    font-family: 'Raleway', sans-serif;
    font-size: 1.0em;
    text-align: justify;
    float: left;
    margin-top: 6%;
    margin-bottom: 10%;
    margin-left: 3%;
    clear: right;
}