/*-----------------------
------About Styles-------
------------------------*/

#about {
    background:#f7f7f7;
    color:#333;
    padding:150px 0;
}

#about h1 {
    color:#333;
    font-size:36px;
    line-height:42px;
    font-weight:300;
    margin-bottom:24px;
    position:relative;
}

#about p {
    font-size:16px;
    line-height:1.75;
    font-weight:400;
    margin-bottom:42px;
}

#about a:hover{
    text-decoration:underline;
}

#about .btn-theme.transparent {
    font-size:18px;
    text-decoration:none;
}

@media(min-width:100px) {

    .img-about {
        width: 40%;
        box-shadow:4px 0px 0px 4px rgba(0,119,178,0.2),
                    -4px 0px 0px 4px rgba(0,119,178,0.2);
    }

    .img-team {
        width: 85%;
        box-shadow:4px 0px 0px 4px rgba(0,119,178,0.2),
                    -4px 0px 0px 4px rgba(0,119,178,0.2);
    }

    .img-team.img-centered {
    margin: 0px auto;
}
}

@media(min-width:368px) {

    .img-about {
        width: 55%;
        box-shadow:6px 0px 0px 6px rgba(0,119,178,0.2),
                    -6px 0px 0px 6px rgba(0,119,178,0.2);
    }

    .img-team {
        width: 70%;
        box-shadow:6px 0px 0px 6px rgba(0,119,178,0.2),
                    -6px 0px 0px 6px rgba(0,119,178,0.2);
    }
}

@media(min-width:768px) {

    .img-about {
        width: 50%;
        box-shadow:8px 0px 0px 8px rgba(0,119,178,0.2),
                    -8px 0px 0px 8px rgba(0,119,178,0.2);
    }

    .img-team {
        width: 65%;
        box-shadow:8px 0px 0px 8px rgba(0,119,178,0.2),
                    -8px 0px 0px 8px rgba(0,119,178,0.2);
    }
}

@media(min-width:992px) {

    .img-about {
        width: 38%;
        box-shadow:8px 0px 0px 8px rgba(0,119,178,0.2),
                    -8px 0px 0px 8px rgba(0,119,178,0.2);
    }

    .img-team {
        width: 75%;
        box-shadow:8px 0px 0px 8px rgba(0,119,178,0.2),
                    -8px 0px 0px 8px rgba(0,119,178,0.2);
    }
}

@media(min-width:1200px) {

    .img-about {
        width: 30%;
        box-shadow:8px 0px 0px 8px rgba(0,119,178,0.2),
                    -8px 0px 0px 8px rgba(0,119,178,0.2);
    }

    .img-team {
        width: 65%;
        box-shadow:8px 0px 0px 8px rgba(0,119,178,0.2),
                    -8px 0px 0px 8px rgba(0,119,178,0.2);
    }
}