@charset "UTF-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: black;
    font-family: 'Cantarell', sans-serif;
    font-weight: 400;
    line-height: 1.4rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Fjalla One', sans-serif;
    font-weight: 700;
    margin-top: 0px;
	color: #5F8FC2;
}

#container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
    padding-top: 10px;
}

a:link, a:visited {
	color: #034AA6;
	text-decoration: none;
}

a:hover, a:active {
	color: #5F8FC2;
	text-decoration: none;
}



#top {
	border-bottom: 2px solid #034aa6;
}

#top h1 {
    font-size: 2.5rem;
    font-weight: 700;
}

.line {
    margin-top: 40px;
    padding-right: 0px;
    padding-left: 20px;
    font-size: 1.3rem;
	height: 5px;
	background: rgb(3,74,166);
    background: linear-gradient(90deg, rgba(214,214,208,1) 0%, rgba(95,143,194,1) 56%, rgba(3,74,166,1) 100%);
/*    border-top: 10px solid linear-gradient(90deg, rgba(3,74,166,1) 0%, rgba(95,143,194,1) 56%, rgba(214,214,208,1) 100%);*/
    
} 

#aboutUs h2, #projects h2, #services h2 {
	padding-top: 30px;;
}

section {
    margin-top: 50px;
    margin-bottom: 35px;
}

#welcome img {
    height: auto;
    max-width: 100%;
    margin-top: -15px;
    width: 960px;
	border: 6px solid rgba(0,0,0,0.20);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.40);
}
/*This image was sourced from my personal photos that I have taken with my camera at job sites while working at CVC. This is from a jobsite in Merced for UC construction*/


#navBar ul {
    margin-top: 20px;
    margin-bottom: 35px;
    text-align: center;
    list-style-type: none;
}

#navBar ul li {
    display: inline-block;
    margin-left: 30px;
    font-size: 1.4rem;
}
#welcome h2 {
    font-size: 1.8rem;
    color: rgba(0,0,0,1.00);
}
#about {
    display: flex;
    justify-content: space-around;
}
#aboutLinks {
    display: flex;
}
.aboutLink {
    margin-right: 34px;
    padding-right: 10px;
    margin-top: 30px;
}
.aboutLink img {
    padding-bottom: 10px;
}
/* Icon 1 - This image was sourced from https://www.flaticon.com/free-icon/group_1402118?related_item_id=1401914&term=team. Below is a link to the flaticon.com. https://www.freepikcompany.com/legal#nav-flaticon-agreement The licensing agreement state the icons are free for personal and commercial purpose with attribution. Find attribution in footer */

/* Icon 2 - This image was sourced from https://www.flaticon.com/free-icon/trophy_861506?term=award&page=1&position=42&related_item_id=861506. Below is a link to the flaticon.com. https://www.freepikcompany.com/legal#nav-flaticon-agreement The licensing agreement state the icons are free for personal and commercial purpose with attribution. Find attribution in footer */

.aboutLink a {
    text-align: left;
}
.aboutMore {
    margin-right: 30px;
    margin-left: 70px;
    padding-right: 20px;
}
#aboutImg {
    margin-right: 70px;
}
#aboutImg img {
    max-height: 400px;
    border: 6px solid rgba(0,0,0,0.20);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.40);
    max-width: 400px;
}

#servicesBox {
    display: flex;
    margin-top: 35px;
    margin-left: 70px;
    margin-right: 70px;
    justify-content: space-between;
}

.serviceOptions img {
    display: block;
    /* [disabled]border: 4px solid #FFFFFF; */
    /* [disabled]border-radius: 115px; */
    /* [disabled]-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.40); */
    /* [disabled]box-shadow: 0px 0px 10px rgba(0,0,0,0.40); */
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
/*Icon 1 - This image was sourced from https://www.flaticon.com/free-icon/house_1441249?term=residential&page=1&position=6&related_item_id=1441249. Below is a link to the flaticon.com. https://www.freepikcompany.com/legal#nav-flaticon-agreement The licensing agreement state the icons are free for personal and commercial purpose with attribution. Find attribution in footer */

/*Icon 2 - This image was sourced from https://www.flaticon.com/free-icon/apartment_230533?term=residential&page=1&position=7&related_item_id=230533. Below is a link to the flaticon.com. https://www.freepikcompany.com/legal#nav-flaticon-agreement The licensing agreement state the icons are free for personal and commercial purpose with attribution. Find attribution in footer */

/*Icon 3 - This image was sourced from https://www.flaticon.com/free-icon/value_2091733?term=commercial&page=1&position=3&related_item_id=2091733 . Below is a link to the flaticon.com. https://www.freepikcompany.com/legal#nav-flaticon-agreement The licensing agreement state the icons are free for personal and commercial purpose with attribution. Find attribution in footer*/

.serviceOptions {
    flex-basis: 28%;
}
.serviceOptions h3 {
    text-align: center;
    margin-top: 30px;
}
.photoGrid {
    margin-top: 35px;
    margin-left: 70px;
    margin-right: 70px;
    justify-content: space-between;
    display: flex;
}

.photos {
    float: left;
    flex-basis: 22;
}

.photos img {
    display: block;
    border: 6px solid rgba(0,0,0,0.20);
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.40);
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* Img 1 - This image was sourced from my personal photos that I have taken with my camera at job sites while working at CVC. This is from a project in Verona. It is a custom home foundation */

/* Img 2 - This image was sourced from my personal photos that I have taken with my camera at job sites while working at CVC. This is from a jobsite in Napa for the Del Dado Winery. */

/* Img 3 - This image was sourced from my personal photos that I have taken with my camera at job sites while working at CVC. This is from a jobsite in Merced. It is work for USA Properties. */

/* Img 4 - This image was sourced from my personal photos that I have taken with my camera at job sites while working at CVC. This is from a jobsite in Napa. It is a one of the residential foundations for Pulte Homes */

/* Img 5 - This image was sourced from my personal photos that I have taken with my camera at job sites while working at CVC. This is from a jobsite in Alameda. It is a out of level foundation for a company called signature homes at a project named Stoneridge */

/* Img 6 - This image was sourced from my personal photos that I have taken with my camera at job sites while working at CVC. This is from a jobsite for the Air Force. It is a slab pour at Travis Air Force Base */

footer {
    border-top: 2px solid #034aa6;
    padding-top: 21px;
}

footer h1 {
    font-size: 1.2rem;
    padding-top: 10px;
}
footer ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
}
footer ul li {
    display: inline-block;
    padding-left: 0px;
    margin-left: 70px;
    color: black;
    font-size: 0.8rem;
}
footer ul li a:link {
    color: #5A865B;
}
footer ul li a:hover {
    color: #E3AF84;
}
footer #attribute {
    font-size: 0.4rem;
}
#top {
    padding-top: 20px;
}