/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%||||%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%//||@|||%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%////||||||%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%//%%%%||||%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%|||%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%|||%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%||||||||||||%%%%%%%%%%%%%%%%%%%%%
%%%%()()||||||||||()()()%%%%%%%%%%%%%%%%%%
%%%()()()|||||||||()()()()%%%%%%%%%%%%%%%%
%%%()()|||||||||||()()()()()%%%%%%%%%%%%%%
%%%%%()()|||||||||||()()()()()()%%%%%%%%%%
%%%%%%()()||||||||||()()()()()()()%%%%%%%%
%%%%%%%%()||||||||||()()()()()()()()%%%%%%
%%%%%%%%%()|||||||||||()()()()()()()%%%%%%
%%%%%%%%%%%%||||||||||||()()()()()()%%%%%%
%%%%%%%%%%%%|||||||||||||()()()()()()%%%%%
%%%%%%%%%%%%%%||||||||||||()()()()()%%%%%%
%%%%%%%%%%%%%%%%%%||%%||%%%%%()()()()%%%%%
%%%%%%%%%%%%%%%%%%//%%//%%%%%%%()()()%%%%%
%%%%%%%%%%%%%%%%%//%%//%%%%%%%%%%%()%%%%%% 
%%%%%%%%%%%%%%%^^^%%^^^%%%%%%%%%%%%%%%%%%%
=============What Bird Is It?=============
-Jessica's Long Overdue Portfolio XP&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

body{
	/*background-image: url("../img/la-skyline.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-color:#009688;
}
h1{font-family:"Baskerville",serif;
	color: lightblue;
	font-size:25pt;
	text-align: center;
}

h2{font-family:"Futura",sans-serif;
color:white;
font-size:18pt;
text-align:center;
}

h3{font-family:"Futura",sans-serif;
color:darkorchid;
font-size:10pt;
text-align:center;
}

h5{
	color:white;
}
nav{
	width:100vw;
	height:8vw;
	list-style-type:none;
	display:inline-block;
	float:left;
	margin-left:5px;
	background-color:white;
	padding:5px;
}

ul{
	width:80%;
	height:30%;
	float:left;

}

li{
	width:100px;
	height:50px;
	display:inline-block;
	float:left;
	font-size: 15px;
	text-align: center;
	background-color:lightpink;
	margin-left:5px;
	
}
a:{
	color:pink;
}
a:visted{
	color:lightblue;
}
a:hover{
	color:red;
}

img {width: inherit;
display: inline-block;}

#gettingtoknow{display:inline-block;
	width:200px;
}

section.excerise-three{
	width:80vw;
	height:35vw;
	float:left;
	display:inline-block;
	margin-left:5%;
	background-color:black;
	margin-top:3%;	
}
section.project-four{
	width:80vw;
	height:35vw;
	display:inline-block;
	margin-left:5%;
	background-color:lightblue;
	margin-top:3%;	
}

section.desktop-comps{
	width:80vw;
	height:30vw;
	margin-left:5%;
	background-color:lightblue;
	margin-top:5%;
}

section.tablet-comps{
	width:80vw;
	height:30vw;
	display:inline-block;
	margin-left:5%;
	background-color:lightblue;
	margin-top:3%;
}

section.mobile-comps{
	width:80vw;
	height:80vw;
	display:inline-block;
	margin-left:5%;
	background-color:lightblue;
	margin-top:3%;
}
img.picture-boxes{
	width:20vw;
	height:20vw;
	display:inline-block;
	float:left;
	margin-left:5%;
	margin-top:5%;
}

img.wireframes{
	width:30vw;
	height:30vw;
	display:inline-block;
	float:left;
	margin-left:5%;
	margin-top:5%;

}

img.wireframes-desktop{
	width:20vw;
	height:30vw;
	display:inline-block;
	float:left;
	margin-left:5%;
	margin-top:5%;
}

img.wireframes-tablet{
	width:40%;
	height:40%;
	display:inline-block;
	float:left;
	margin-left:5%;
	margin-top:5%;
}
img.wireframes-mobile{
	width:15vw;
	height:30vw;
	display:inline-block;
	float:left;
	margin-left:5%;
	margin-top:5%;
}
img.desktop{
	width:45%;
	height:100%;
	display:inline-block;
	float:left;
	margin-left:5%;
	

}
img.tablet{
	width:40%;
	height:100%;
	display:inline-block;
	float:left;
	margin-left:5%;
	
}
img.mobile{
	width:40%;
	height:100%;
	display:inline-block;
	float:left;
	margin-left:5%;
	
}


figcaption{
	font-family:"Baskerville",serif;
	color:white;
	display:inline-block;
	float:left;
	margin-left:10%;
}

section.row-one{
	width:100%;
	height:50vw;
	background-color:lightpink;
	margin-bottom:5px;

}

section.row-two{
	width:100%;
	height:50vw;
	background-color:lightpink;
	margin-bottom:5px;
}
section.row-three{
	width:100%;
	height:70vw;
	background-color:lightpink;

}
img.revise-desktop{
	width:45%;
	height:100%;
	display:inline-block;
	margin-left:5%;
	float:left;
}
img.revise-tablet{
	width:45%;
	height:100%;
	display:inline-block;
	margin-left:5%;
	float:left;
}
img.revise-mobile{
	width:30%;
	height:100%;
	display:inline-block;
	margin-left:10%;
	float:left;
}