/* CSS Document */
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
body {
    padding: 0;
    margin: 0;
    font-family: 'Josefin Sans', sans-serif;
	font-size: 4.5vw;
    font-weight: 300;
    color: black;
}
h1 {
	font-size: 200%;
}
p {
	padding-bottom: 2vw;
}
a:link {
    color: gray;
}
.top {
    width: 80vw;
    max-width: 400px;
    height: auto;
    float: left;
    padding-bottom: 0vw;
    padding-left: 3vw;
    padding-top: 1vw;
}
.section-1 {
    clear: both;
    background-image: url(images-g/gino-sand.jpg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.cta-section-1 {
	padding-top: 34vw;
    text-align: center;
}
.cta-section-2 {
	padding: 5vw;
	padding-bottom: 0;
}
.cta-section-3 {
	padding-top: 4vw;
	padding-right: 8vw;
	padding-bottom: 4vw;
	padding-left: 8vw;
	color: white;
	text-align: center;
	
}
.cta-section-4 {
    padding-right: 8vw;
	padding-left: 8vw;
}
.btn {
	font-size: 8vw;
	font-weight: 100;
    color: #ffffff !important;
    -webkit-border-radius: 1;
    -moz-border-radius: 1;
    border-radius: 1vw;
    padding: 1vw 5vw 2vw 5vw;
	margin-bottom: 2vw;
    border: none;
    text-decoration: none;
}
.btn:hover {
	color: #ffffff!important;
	text-decoration: none;
}
.btn a:link {
	color: #ffffff!important;
}
	a:visited {
	color: #ffffff!important;
}
	a:hover {
	color: #ffffff!important;
}
	a:active {
	color: #ffffff!important;
}
.prime-one {
	background: #0092c5; /*Medici blue Front-end Developer */
}
.prime-one:hover {
	background: #00a4d2; /*Napoli blue Front-end Developer */
}
.prime-two {
	background: tan; /*Sorrento gold UX/UI Designer */
}
.prime-two:hover {
	background: goldenrod; /*Castille gold UX/UI Designer */
}
.prime-three {
	background: slategray; /*Lucky green Contact */
}
.prime-three:hover {
	background: lightgray; /*Campus green Contact */
}
.secondary-one {
	background-color: #3b4b77; /*Milanese blue Home */
}
.secondary-two {
	background: #00a6f0; /*Florence Blue Contact */
}
.secondary-three {
	background: #d12e7c; /*Renaissance pink 341 Portfolio */
}
.secondary-four {
	background: #0058a0; /*Blue France Front-end Developer */
}
.secondary-five {
	background: #2d2b74; /*French deep purple UX/UI Designer */
}

li { 
	border-bottom: 1px none; 
	font-size: 4.5vw; 
	list-style: none; 
	padding: 2vw 1vw 1vw 4vw; 
	position: relative; }

ul.list-bullets li:before {
	content: '';
	background: url(images-g/gino-sand.jpg) no-repeat left top;
    height: 4vw;
    width: 4vw;
    position: absolute;
    left: 0;
    background-size: 2vw;
	top: 3.7vw;
}
.navbar-burger {
    cursor: pointer;
    display: block;
    height: 10vw;
    position: relative;
    width: 10vw;
    margin-left: auto;
}
a.navbar-burger {
    color: #F58220;
    text-decoration: none;
}
.navbar {
    background-color: transparent;
	padding-right: 3vw;
	float: right;
	font-variant-caps: all-petite-caps;
}
.navbar a:link {
	color: darkslategray!important;
}
	a:visited {
	color: darkslategray!important;
}
	a:hover {
	color: black!important;
}
	a:active {
	color: darkslategray!important;
}
@media (min-width: 1088px) 
		{
		.navbar a:link 
		{
			font-size: 1.8vw;
			margin-top: 4.5vw;
		}
		h1 {
			font-size: 100%;
    		font-weight: 300;
		}
		p {
			font-size: 45%;
		}
		li {
			font-size: 45%;
			padding-top: 0vw;
			padding-right: 0vw;
			padding-bottom: 2vw;
		}
		.btn {
			font-size: 3vw;
			padding-top: 0.5vw;
			padding-right: 2vw;
			padding-bottom: 1.3vw;
			padding-left: 2vw;
		}
		.navbar-burger {
			display: none;
		}
		.top {
			line-height: 160%;
		}
		.section-1 {
			background-image: url(images-g/gino-sand.jpg);
			background-position: top;
			height: 30vw;
		}
		.cta-section-1 {
			padding-top: 20vw;
			text-align: center;
		}
		.cta-section-2 {
			padding-top: 3vw;
			padding-right: 2vw;
			padding-bottom: 0vw;
			padding-left: 0vw;
		}
		.cta-section-3 {
			padding-top: 3vw;
			padding-right: 1.5vw;
			padding-bottom: 0vw;
			padding-left: 1.5vw;
		}
		.cta-section-4 {
			padding-top: 3vw;
			padding-right: 2vw;
			padding-bottom: 0vw;
			padding-left: 2vw;
		}
		ul.list-bullets li:before {
			background: none;
	}
		
}
/*ul.list-bullets li:nth-child(2n):before {
	background-position: -21px 0;
}*/