body {
    margin: 0 auto;
}

.info {
    margin-right: 0em;
    width: 100%;;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;

}

nav li {
	display: inline-block;
}
	

.logo img {
    margin-top: 1.5em;
    vertical-align: middle;
    margin-left: 1em;
}

right {
   float: right !important;
   vertical-align: middle;
   margin-left: 4em;
   z-index: -99999;
  
}

nav {
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 1.5em;
    display: inline-block;
}

nav a {
   text-decoration: none;
   padding-left: 1.4em;
   color: black;
    
}

a:hover {
    color: #224b5e;
    font-weight: bold;
}

nav li {
    padding-left: 1em;
    
}

		button, .button {
			background-color: #224b5e;
			
		}
		
		#main-text {
			display: inline-block;
			text-align: left;
			float: left;
			margin-top: 16em;
		}

        #main-text h2.one {
			font-size: 4em;
            font-weight: 200;
            font-family: 'Open Sans', sans-serif;
            color: #224b5e;
        }
		
		.inline {
			margin-top: 14em;
			float: left;
			padding-left: 2em;
            padding-left: 0em;
            width: 105%;

			display:inline-block;
		}

     
       .two {
            font-weight: lighter;
			font-size: 4em;
            font-family: 'Open Sans', sans-serif;
            -webkit-font-smoothing: antialiased !important;
        }

        .three {
            font-weight: 100;
			font-size: 4em;
			font-family: 'Open Sans', sans-serif;
            -webkit-font-smoothing: antialiased !important;
        }

        #main-text p {
            background-color: #1d201f;
            text-align: left;
            font-weight: lighter;
            padding: 0.2rem 2rem 1.0625rem 2rem;
            font-family: 'Open Sans', sans-serif;
            -webkit-font-smoothing: antialiased !important;
            letter-spacing: 1px;
            width: 505px;
            height: 58px;
            color: white;
            margin-top: 1em;
            padding-left: 0.7em;
        }
		
		.art {
			display:inline-block;
			
		}
		
.center {
	margin: auto;
}
.align-center {
	text-align: center;
}
		
		.center .cartoon {
            margin-top: 7em;
            margin-bottom: 3em;
		}
		
.about p {
    text-align: center;
    padding: 0em;
    margin: auto;
    bottom: 711px;
    max-width: 42em;
    font-size: 16px;
    color: #545454;
    font-family: 'Open Sans', sans-serif;
}

.about h3 {
	text-align: center;
	margin-bottom: 1em;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 22px;
	-webkit-font-smoothing: antialiased !important;
}

.center-icons {
    display: block;
    margin: auto; 
}
.icons li {
    display:inline-block;
	padding-left: 1em;
}

	
.skill h3 {
	text-align: center;
    margin-top: 3em;
	margin-bottom: 1em;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 22px;
	-webkit-font-smoothing: antialiased !important;
}


section.box-class .box {
    display: inline-block;
    max-width: 50%;
	float: left;
	margin-bottom:50px;
}

section.box-class p {
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
	float: left;
    font-size: 16px;
	margin-left: 3px;
    max-width: 89%;
}

section.box-class h2 {
    font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	text-align: center;
	font-weight:700;
    font-size: 16px;
}

footer {
	width: 100%;
	padding-bottom: 1em;
	text-align: center;
	background-color: #224b5e;
}

footer p {
	padding-top: 2em;
	font-weight:200;
	color: white;
}