html        {
            background-color: #efefef;
}
head 		{
			display: none;
			}
body 		{
			font-family: Helvetica, Verdana, Arial, sans-serif; 
			font-style: normal; 
			font-weight: normal; 
			font-variant: normal;
            width: 100%;
			min-width: 320px;
			margin: 0;
			}
a:link 		{}
a:visited 	{}
a:hover 	{}
a:active 	{}
h1 			{ 
			font-style: normal; 
			font-weight: normal; 
			color: #888;
			font-size: 36px;
            margin: auto;
			}
h1.sections	{
			font-size: 24px;
            font-weight: bold;
			}
h2 			{ 
			font-style: normal; 
			font-weight: normal; 
			color: #333;
			font-size: 18px;
			}
h3 			{ 
			font-variant: normal; 
			font-weight: bold;
			text-transform: uppercase; 
			font-size: 14px;
			padding-bottom: 0;
			margin-bottom: 0;
			}
h4 			{}
h5 			{}
h6 			{}
p, ul			{
			font-style: normal; 
			font-weight: normal; 
			font-size: 14px;
            line-height: 20px;
            color: #555;
			}
ol 			{}
ul 			{}
li 			{
			font-size: 14px;
			}
img 		{}

#container	{
			margin: auto;
			min-width: 320px;
			max-width: 960px;
			padding: 40px;
            padding-top: 60px;
			background-color: white;
			}
header		{
            position: relative;
            margin: 0;
            background-image: url("snowbird.jpg");
            background-size: cover;
            background-position: center;
            min-height: 400px;
}
section.inner-header {
    margin: auto;
    min-width: 320px;
    max-width: 960px;
    width: 100%;

}
section.inner-header img.profile-pic {
            position: relative;
            top: 225px;
            left: 5%;
            width: 200px;
            border-radius: 200px;
            border: solid 3px black;
            background-color: rgba(1,1,1,0.25);
            z-index: 20;
}
section.inner-header h1 {
    color: white;
    float: right;
    margin-right: 5%;
    margin-top: 5%;
}
section.inner-header h1 a {
    color: white;
    text-decoration: none;
}
section.inner-header h1 a:hover {
    color: #bababa;
}
section.inner-header h2 {
    clear: both;
    color: #888;
    font-size: 24px;
    float: right;
    margin-right: 5%;
    margin-top: 1%;
}
header p	{
			}
header p a {
			text-transform: lowercase;
			}
#container section {
    border-bottom: solid 1px #efefef;
}
#container section + section {
    margin-top: 20px;
}
#container section p, #container section h2, #container section ul {
    padding-left: 5%;
}
#container section.social-icons {
    overflow: hidden;
}
#container section.social-icons a {
    float: right;
    margin-right: 2%;
    font-size: 24px;
    color: #888888;
}
#container section.social-icons a:hover {
    color: #222;
}
#profile	{}
#experience	{}
#experience p {
			padding-top: 0;
			margin-top: 0;
			}
#education	{}
#certifications	{}
#skills		{}
#referrals	{}

.clear {
    clear: both;
}

@media screen and (min-width: 601px) and (max-width: 800px) {
    header {
        min-height: 300px;
    }
    section.inner-header h1 a {
        font-size: 30px;
    }
    section.inner-header h2 {
        font-size: 20px;
    }
    section.inner-header img.profile-pic {
        width: 150px;
        border-radius: 150px;
        top: 175px;
    }
}

@media screen and (max-width: 600px) {
    header {
        min-height: 200px;
    }
    #container {
        min-width: 300px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #container section.social-icons a {
        margin-right: 4%;
    }
    section.inner-header h1 a {
        font-size: 24px;
    }
    section.inner-header h2 {
        font-size: 18px;
    }
    section.inner-header img.profile-pic {
        top: 125px;
        width: 100px;
        border-radius: 100px;
        border: solid 2px black;
    }

}