@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding-bottom:1em;
    line-height:1.5;
}
img{
	width:100%; 
	height:auto;
}
.clearfix:after{
	content:"";
	display:table;
	clear:both;
}
#wrapper{
	font-family:Verdana, sans-serif;
}
#content{
    width:92%;
    margin:0 auto;
}
h1{
    font-size:1.8em;
    text-align:center;
}
h1 span{
    color:#F00;
}
nav ul{
    list-style-type:none;
}
nav li, footer{
    border:solid 1px #F00;
    padding:1rem 0;
    margin:1em 0;
    text-align: center;
}
a{
    color:#333;
    text-decoration: none;
    font-size:1.5em;
}
@media screen and (min-width:481px){
    #wrapper{
        max-width:1280px;
        margin:0 auto;
    }
    header{
        margin:1em 0;
    }
    header div, .text{
        float:left;
        width:28%;
    }
    h1{
        width:70%;
        float:right;
        text-align:right;
        font-size:2.25em;
    }
    nav{
        border:solid 1px #F00;
        margin-bottom:1em;
    }
    nav li{
        border:none;
        float:left;
        width:16.666%;
        padding:0.9rem 0;
        margin:0;
    }
    a{
        font-size:1.1em;
    }
    .photo{
        width:70%;
        float:right;
    }
}