/*********** body ***********/		 
body {
	margin: 1%;
    padding: 1%;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
    background-color: #5D5C61;
    vertical-align: middle;
    
}

/*********** Nav **********/
header {
	background-color: #B1A296;
    text-align: center;
	height: 100px;
	width: 100%;
	border: 5px solid #b4b4b4;
    border-radius: 25px;
    font-size: 22px;
}

/*********** Description *************/
#description {
    width: 100%;
    height: 50%;
    padding: 10px;
    margin-top: 1%;
    display: inline-block;
    border: 5px solid #b4b4b4;
    border-radius: 25px;
    background-color: #B1A296;
}

#description-img {
	height:90%;
	width:30%;
    margin-top: 1%;
    border-radius: 50% 50% 50% 50%;
    border: 5px solid #b4b4b4;
}

.section-desc {
    margin-top: 1%;
    float: right;
    width: 60%;
    height: 90%;
    text-align: center;
    padding: 5px;
    background-color: #ffffff;
    border: 5px solid #b4b4b4;
    border-radius: 25px;
    font-size: 22px;
}

/*********** Cards *************/

#card-section{
    margin-top: 10px;
	height: 1500px;
	text-align: center;
}

.card {
    background-color: #B1A296;
    padding: 10px;
	display: inline-block;
    padding: 15px;
	width: 42%;
    height: 600px;
	font-size: 20px;
	text-align: center;
    border: 5px solid #b4b4b4;
    border-radius: 25px;
    margin: 2%;
}

.card-img {
    padding: 10px;
    margin: 5px;
    border: 5px solid #b4b4b4;
    border-radius: 25px;
    height: 40%
}

.card-desc{
    border: 5px solid #b4b4b4;
    border-radius: 25px;
    padding: 10px;
    height: 30%;
    background-color: white;

}

.project-img{
    border-radius: 25px;
    border: 5px solid #b4b4b4;
    margin: 20px;
    height:90%;
    width: 40%;
}

/*********** Footer *************/
footer {
    display: inline-block;
    margin-top: 10px;
    background-color: #B1A296;
    text-align: center;
	height: 15%;
	width: 100%;
	border: 5px solid #b4b4b4;
    border-radius: 25px;
}