@charset UTF-8;



.header_1
{
width:100%;
height:72px;
margin:0 auto;
/*background-color:#CE2D00;*/
position:fixed;
}


.header_2
{
height:75px;
}


.logo
{
position:absolute;
height:30px;
margin-top:19px;
margin-left:18px;
}


.logo:hover
{
height:33;
}


.top_space
{
height:80px;
}


.project_page_top_space
{
margin-top:-15px;
}







/*............... WRAPPERS ..............*/

.wrapper_1
{
float:left;
width:100%;
padding:0px 20px 20px 20px;
}

.wrapper_2
{
float:left;
width:100%;
}







/*............... IMAGE CREDIT ..............*/

.image_credit
{
font-size:15px;
left:15px;
bottom:35px;
}








/*............... NAVIGATION ..............*/

.navigation_master_box
{
margin-right:-10px;
margin-top:-30px;
}

.navigation_master_box:hover
{
margin-bottom:15px;
}


.nav_bar_1, .nav_bar_2
{
width:27px;
}


.nav_links_outer_box_1 a
{
float:none;
text-align:center;
font-size:23px;
line-height:20px;
}


.nav_links_outer_box_1
{
text-align:center;
top:72px;
width:100%;
height:450px;
padding:50px;
}


.nav_box_pic
{
margin-top:50px;
float:none;
margin:0 auto;
margin-top:50px;
max-width:180px;
}










/*............... Mid section on home page ..............*/


.design_box p
{
font-family:montserrat, sans-serif;
font-weight:700;
font-size:50px;
letter-spacing:10px;
}


.design_rule
{
margin:0 auto;
width:50%;
height:2px;
width:50%;
background-color:black;
}










/*............... PROJECT ICONS ..............*/


.project_icons_box
{
margin-top:100px;
}


.project_icon
{
width:49%;
margin:0%;
opacity:1;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}








/*............... PROJECT DESCRIPTION ..............*/

.project_description p
{
padding:45px;
}











/*............... LOGOS ..............*/


.logos
{
width:100%;
margin:0px;
padding:20px;
}

.logos:hover
{
padding:20px;
box-shadow:none;
}







/*............... ABOUT ME ..............*/

.about_me_section_1
{
padding:5px;
}

.about_me_box
{
width:100%;
padding:0px 35px 35px 35px;
}









































