@charset "UTF-8";

/*
   
Blue Tori 
Portfolio Website
Author: Merilly J. Ruglas
Date: 06/12/2017
Text Editor: Dreamweaver    
Filename: bt_portfolioworks.css

*/


/* Styles here for Portfolio Works: Section 1 */


.section1-works-web1 {
	
	background: #4789C8;
	height: 1220px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-web2 {
	
	background: #4789C8;
	height: 650px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-web3 {
	
	background: #4789C8;
	height: 1220px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-web4 {
	
	background: #4789C8;
	height: 700px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-design1 {
	
	background: #4789C8;
	height: 700px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-design2 {
	
	background: #4789C8;
	height: 850px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-design3 {
	
	background: #4789C8;
	height: 480px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-flyers1 {
	
	background: #4789C8;
	height: 760px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}



.section1-works-flyers7 {
	
	background: #4789C8;
	height: 460px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-logos1 {
	
	background: #4789C8;
	height: 660px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}



.section1-works-logos2 {
	
	background: #4789C8;
	height: 590px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-logos3 {
	
	background: #4789C8;
	height: 590px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-logos4 {
	
	background: #4789C8;
	height: 640px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}



.section1-works-logos5 {
	
	background: #4789C8;
	height: 550px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-logos7 {
	
	background: #4789C8;
	height: 500px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}



.section1-works-posters1 {
	
	background: #4789C8;
	height: 590px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-di9 {
	
	background: #4789C8;
	height: 710px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}


.section1-works-di1 {
	
	background: #4789C8;
	height: 580px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}





/* ___________________________________________ */


.works {
	
	color: white;
	font-size: 50px;
	font-weight: 150;
	margin: 0px;
	padding: 90px 0px 0px 0px;
	text-transform: uppercase;
		
}


.works2 {
	
	color: white;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	font-weight: 100;
	padding: 20px 0px 0px 0px;
		
}


.works2-web3 {
	
	color: white;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	font-weight: 100;
	padding: 20px 0px 110px 0px;
		
}


.works3 {
	
	
}

/*-----------------------------------------------*/


.works-button {
	
	float: right;
	font-weight: 200;
	font-size: 18px;
	margin-top: 0px;
	padding: 50px 0px  0px  0px;
	text-align: center;
	text-transform: uppercase;
		
}


.works-button > a {
	
	background-color: #BEE9E8;
	color: #1B4965;
	padding: 15px 30px;
	
}


.works-button > a:hover {
	
	background-color: #41D3BD;
	color: black;
	
}