/* Type Scale: Perfect Fourth

3.157em
2.369em
1.777em
1.333em
1em
.75em
.563em
.422em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/

/* Mobile First Styling for 300px Width */

/* MEDIA QUERY 1 */

/* BLOCK 1 */

/* Services, About Us, and Portfolio */

.introContainer {
    margin-top: 50px;
    padding: 20px;
}

.introContainer span{
    color: #EA0029;
}

.introContainer h1{
    margin-bottom: 20px;
}

.contentImg{
    width: 50%;
    display: none;
}

.contentImg img{
    width: 100%;
    padding: 20px;
}
/* End */

.containerClients {
    width: 100%;
}

.clientsList{
    padding: 10px;
    list-style: none;
}

.clientsList li::before{
    content: "•"; 
    color: #EA0029;
    display: inline-block;
    width: 1em;
}
/* END BLOCK 1 */



/* END BLOCK 2 */


/* Type Scale: Perfect Fourth

3.157em
2.369em
1.777em
1.333em
1em
.75em
.563em
.422em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/

@media screen and (min-width: 400px) and (max-width: 770px){

    

}


/* MEDIA QUERY 2 */

/* Type Scale: Perfect Fourth

3.157em
2.369em
1.777em
1.333em
1em
.75em
.563em
.422em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/
@media screen and (min-width: 770px){
    
    /* BLOCK 1 */
    
    .containerContent{
        max-width: 1400px;
        margin: 0 auto;
        display: flex;
    }
    
    .contentImg{
        max-width: 250px;
        display:block;
    }
    
    .content1{
        margin: 0 auto;
        align-content: center;
    }
    
    .content1 p{
        max-width: 800px;
        font-size: 1.333em;
    }
    
    .clientsList{
        font-size: 1.333em;
        line-height: 1.5em;
    }
    /* END BLOCK 1 */
}


/* Mobile First Styling for 1050px Width */

@media screen and (min-width: 1200px){
    .clientsList{
        line-height: 2em;
    }    
}


/* Links

a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked

*/

/* Type Scale: Goes Here

x.xxx em
x.xxx em
x.xxx em
x.xxx em
    1 em
 .xxx em
 .xxx em
 .xxx em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/

/* ALL LINK EFFECTS */