* {
	margin: 0;
	padding: 0;
}
 html {
 	min-height: 100%;
 }

body {
	font-family: 'Roboto', sans-serif;
	background-color: white;
	color: #656565;
}

nav {
	width: 1024px;
	position: relative;
	left: 50%;
	margin-left: -512px;
	height: 65px;
	padding-top: 30px;

}
nav ul {
	width: 900px;
	position: relative;
	left: 50%;
	margin-left: -450px;
}


nav ul li {
	text-decoration: none;
	display: inline-block;
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	color: #b8b8b8;
	padding-left: 88px;
	padding-right: 88px;
}
button {
   
    z-index: 3;
    position: absolute;
    top: 580px;
    left: 50%;
    margin-left: -85px;
    background-color: clear; 
    border: deepskyblue 1px solid;
    color: deepskyblue;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    -webkit-transition-duration: 0.4s; /* chrome */
    transition-duration: 0.4s;
}

button:hover {
    background-color: deepskyblue; 
    color:white;
}

a div{
    width: 45px;
    height:25px;
}

p {
	letter-spacing: 1px;
	line-height: 20px;
}

.highlighted {
	font-weight: 600;
	color: #333333;
}
a:link {
	text-decoration: inherit;
	color: inherit;
}

a:visited {
	text-decoration: inherit;
	color: inherit;
}
a:hover {
	color: #949494;
}

#top {
	position: absolute;
	width: 100%;
	left: 50%;
	margin-left: -460px;
	top: 40px;
	height: 400px;	
}

#top #journey {
    width: 700px;
	display:block;
    margin:auto;
    margin-top:70px;
    padding: 30px;
}


#problem {
	position: relative;
	background-image: url("images/ProductProblemBG.png");
	width: 1024px;
	height: 250px;
	top: 600px;
}
#problem #brief {
	
	position:absolute;
	left: 50%;
	margin-left: -280px;
	margin-right: 12%;
	top: 50px;
	width: 600px;
}

#problem #brief p {
	
	font-size: 20px;
	line-height: 29px;
	
}

#problem #right {
	width: 350px;
	float: right;
	margin-top: 75px;
	margin-right: 12%;
}
#problem #left {
	width: 350px;
	float: left;
	margin-top: 75px;
	margin-left: 12%;
}
#problem #left h1 {
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	color: #f28419;
	padding-bottom: 20px;
}
#problem_bg {
	clear: top;
}
#problem p {
	font-weight: 100;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 22px;
	text-align: center;
}
.bold {
	font-weight: 600;
}

#problem #right h1{
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	color: #28c5e6;
	padding-bottom: 20px;
}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine {
	height: 564px;
	width: 1024px;
	position: relative;
	left: 50%;
	margin-left: -542px;
	top: 590px;
}
#one #image_left1 {
    width: 450px;
    margin-left: 125px;
    margin-top: 250px;
	position: absolute;
	float: left;
    
}
#bottom {
    margin-top:300px;
    
	position: relative;
	width: 1024px;
	height: 1000px;
	background-image: url("images/bottom_bg.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
    clear:both;  
}
h1 {
	font-weight: 600;
	font-size: 35px;
	color:#333333;
}
#one h1, #four h1, #eight h1, #bottom h1{
	position: absolute;
	left: 12%;
	letter-spacing: 1px;
	top: 115px;
}

#bottom h1 {
	top: 400px;
}

#four h1, #eight h1 {
	top: 0px;
}

.number {
	font-size: 144px;
	font-weight: 600;
	color: #efefef;
	position: absolute;
	top: -100px;
	z-index: -1;
}

.subheader {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #565656;
}
p {
 	font-size: 13px;
 	font-weight: 300;
 	color: #6e6e6e;
 	padding-top: 15px;
 }

 #one #right, #three #right, #five #right, #seven #right, #nine #right {
 	position: absolute;
 	top: 310px;
 	width: 250px;
 	left: 65%;

 }
 #seven #right {
 	top: 100px;
 }
 #five #right, #nine #right {
 	top: 20px;
  }
 #three, #four, #five {
 	top: 350px;
 }
 #six, #seven, #eight, #nine{
 	top: 0px;
 }
#nine {
	height: 100px;
}
 #two #left, #four #left, #six #left, #eight #left, #bottom #left {
 	position: absolute;
 	top: 210px;
 	width: 250px;
 	left: 12%;
 }
#three #right {
	width: 300px;
}
#three #right p {
	width: 250px;
}
#image_right {
    margin-top:175px;
	position: relative;
	left: 60%;
}
#four #image_right, #six #image_right, #eight #image_right {
	left: 50%;
	top: 60px;
}

#eight #image_right {
	left: 20%;
	top: -30px;
}
#bottom #image_right1 {
    width:400px;
	position: absolute;
	top: 400px;

	left: 50%;
}

#three #image_left2  {
	position: relative;
	left: 125px;
	top: 220px;
}

#five #image_left, #seven #image_left, #nine #image_left {
	position: relative;
	top: -100px;
	left: 5%;
}

#nine #image_left {
		left: 12%;
		top: -80px;
}

.italic {
	font-style: italic;
	font-weight: 300;
}

#hanging {
	position: relative;
	top: 30px;
}
#edit_refine {
	position: relative;
	top: -120px;
}
#label {
	font-size: 12px;
	color: #6e6e6e;
	opacity: .5;
	position: absolute;
	left: 73%;
	top: 350px;
}
#vid_but {
	padding-top: 40px;
}

#bottom #left {
	top: 500px;
}
#uparrow {
	position: absolute;
	left: 50%;
	margin-left: -6px;
	margin-top: 875px;
}

/*---------------------------------------ABOUT PAGE-----------------------------------------------------------*/




#designer  {
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: -512px;
	top: 40px;
	height: 600px;
}
#designer h1 {
	position: absolute;
	font-size: 92px;
	color: #efeeee;
	letter-spacing: 15px;
	left: 6%;
	top: 60px;
	opacity: .5;
}

#designer h2 {
	position: absolute;
	font-size: 25px;
	color: #3d3a3a;
	letter-spacing: 1px;
	left: 6%;
	top: 190px;
}
 #tilde {
 	position: absolute;
 	top: -7px;
 	left: 24.5%;

 }
#tilde h2 {
	font-size: 20px;
}

#content {
    width:100%;
       
}
#designer p {
	font-size: 14px;
	color: #656565;
	width: 390px;
	position: absolute;
	left: 6%;
	top: 220px;
	font-weight: 300;
	letter-spacing: 1px;
} 

 #afifi {
  width:400px;
  float:right;
  margin-top: 75px;

    
}

#info_button {
	position: absolute;
	top: 421px;
	left: 6%;
}

#port_button {
	position: absolute;
	top: 426px;
	left: 6%;
}



#quote2 p{
	position: absolute;
	text-align: center;
	font-weight: 200px;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 30px;
	width: 540px;
	left: 50%;
	margin-left: -250px;
	top: 105px;
}

#quote_img {
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 35px;
}

#vision_img {
	position: relative;
	left: 30%;
	top: 205px;
}

#passiofimagen_img {
	position: absolute;
	left: 50%;
	margin-left: -44px;
	top: 205px;
}

#dedicate_img {
	position: relative;
	left: 50%;
	top: 205px;
}


#men {
	float: right;
	right: 15px;
    margin-top: 110px;
   // margin-right: 100px;
    
	
}

#stripes {
	position: absolute;
	height: 240px;
	width: 100%;
	bottom: 0px;
	background-image: url("images/about/stripes.png");
	z-index: -1;
}

#meta {
	position: absolute;
	left: 82%;
	top: 15px;
}

#RIT_POPPIN p {
	width: 350px;
	font-size: 15px;
	position: absolute;
	top: 200px;
	left: 10%;
}

#ritpop {
	position: absolute;
	top: 130px;
	left: 9%;
}
/*---------------------------------------Home page-----------------------------------------------------------*/
#gif {
	position: relative;
	left: 50%;
	margin-left: -360px;
}


/*---------------------------------------Product Details-----------------------------------------------------------*/


#image_productL{
    margin-top: 50px;
	position: relative;
	left: 0px;
}

.productsubheader{
	font-size:30px;
	font-weight: 300;
	margin-bottom: 0px;
}
#rightbottom .productsubheader {
	padding-top: 35px;
}


#right p{
	position:relative;
	margin-top: 0px;
	font-size:15px;
	font-weight: 100;
}

#image_productR{
    margin-top:-50px;
	position: absolute;
	right: -20px;
}

#rightbottom{
	position:relative;
	width: 280px;
	float: right;
	margin-top: -280px;
	margin-right: 12%;
}

#rightbottom p{
	width: 250px;
	padding-top: 0px;
}



#quotes{
	background-image: url("images/ProductSteelBg.png");
	z-index: -2;
	position: absolute;
	width: 1024px;
	top: 1400px;
	/*--margin-top: 300px;
	margin-bottom:0px;
	margin-left:50px;*/
	height:380px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#quotes p{
	font-size:23px;
	font-weight: 100;
	width:600px;
	margin:auto;
	margin-top:100px;
	text-align: center;
	color:#b1b1b1;
	line-height: 34.5px;
	z-index: 5;
}
 
#one #one_product h1 {
	top: 60px;
	left: 63%;
}

#chunk {
	position: relative;
	top: -200px;
}

 #img_one{
 	position:absolute;
 	left:15%;
 	top:100px;
 }

 #img_two{
 	position:absolute;
 	left:45%;
 	margin-left: -26px;
 	top:100px;
 }

 #img_three{
 	position:absolute;
 	left:65%;
 	top:100px;
 }
 	
 #uparrow1 {
	position: absolute;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	top:280px;
}

#leftbottom .productsubheader {
	padding-top: 20px;
	padding-bottom:0px;
}

#leftbottom{
	position: absolute;
	left: 30%;
	top: -200px;
	font-size:20px;
	font-weight: 100;
	width:250px;
}

#left p{
	position:relative;
	margin-top: 0px;
	font-size:15px;
	font-weight: 100;
}
.overlay {
	font-size: 138px;
	color: #858585;
	font-weight:600;
	top: 0px;
	position:absolute;
	z-index: -1;
	letter-spacing: 5px;
	opacity: .1;
	left: 50%;
	margin-left: -210px;

}
/*#leftbottom{
	position:relative;
	width: 350px;
	float: right;
	margin-top: 30px;
	margin-right: 54%;
}

#leftbottom p{
	width: 250px;
}*/


#passion_img {
     position: absolute;
    left: 50%;
    margin-left: -44px;
    top: 206px;   
	
}

/*-----Media Query-------*/

@media only screen and (max-width: 1920px) {
    
    #top #journey {
    width: 700px;
	display:block;
    margin:auto;
    margin-top:70px;
    padding: 30px;
    margin-left:100px;
}
    #top #downarrow {
	position: absolute;
    display:block;
    margin:auto;
    margin-top:-35px;
    padding: 30px;
    margin-left:100px;
        left:18%;
        
	
}
    #problem {
	position: relative;
	background-image: url("images/ProductProblemBG.png");
	width: 100%;
	height: 250px;
	top: 600px;
}
    #bottom {
    margin-top:300px;
    position: relative;
	width: 100%;
	height: 1000px;
	background-image: url("images/bottom_bg.png");
	background-size: 1920px auto;
	background-repeat: no-repeat;
    clear:both;  
}
    #image_productL{
    margin-top: 50px;
	position: absolute;
	left: -105px;
}
    #quotes{
	background-image: url("images/ProductSteelBg.png");
	z-index: -2;
	position: absolute;
	width: 100%;
	top: 1400px;
	/*--margin-top: 300px;
	margin-bottom:0px;
	margin-left:50px;*/
	height:380px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
    #image_productR{
    margin-top:-50px;
	position: absolute;
	right: -200px;
}
    #afifi {
    width:400px;
    float:right;
    margin-top: 70px;   
}
    #RIT_POPPIN {
    position: absolute;
    top: 1035px;
    height: 455px;
    width: 1024px;
    left: 23%;
    }
    
    #quote2 	{
	position: relative;
	background-image: url("images/about/bg_quote.png");
	background-size: 100% 100%;
	width: 1920px;
	height: 350px;
	top: 580px;
}
}
@media only screen and (max-width: 1280px) {
    #top #downarrow {
	position: absolute;
	width: 50px;
	left: 39%;
	margin-left: -50px;
	top: 570px;
    }
     #quote2 	{
	position: relative;
	background-image: url("images/about/bg_quote.png");
	background-size: 100% 100%;
	width: 1280px;
	height: 350px;
	top: 580px;
}
     #RIT_POPPIN {
    position: absolute;
    top: 1035px;
    height: 455px;
    width: 1024px;
    left:9%;
    }
}

@media only screen and (max-width:1024px){
   
 #top #downarrow {
	position: absolute;
	width: 50px;
	left: 48%;
	margin-left: -50px;
	top: 570px;
}
    #afifi {
  width:400px;
  float:right;
  margin-top: 75px;
margin-right:-7.4px;
        
    }
      #RIT_POPPIN {
    position: absolute;
    top: 1035px;
    height: 455px;
    width: 1024px;
          left:-3%;
        
    }
    #image_productR{
    margin-top:-50px;
	position: absolute;
	left: 525px;
}
    #quote2 	{
	position: relative;
	background-image: url("images/about/bg_quote.png");
	background-size: 100% 100%;
	width: 1024px;
	height: 350px;
	top: 580px;
}
    

}