/***********  first bottom footer  ***************  */

.firstfooterBottom{

margin-bottom:0px;
width:100%;
height:240px;
/*height:120px;*/
display:block;
background-color:black;

}

.firstinnerBottom{
width:100%;
height:100%;
display:block;
margin: 0 auto;
/*background-color:lightblue;*/
background-color:#3d545f;


}



.firstinnerBottom ul li {
/*display:inline-block;*/ 
display:block;
padding: 10px ;

}



.firstbottomLogoCotainer{

height:100%;
display:inline-block;
float:left;
}

.firstbottomLogoCotainer h1{

color:white;
height:100%;
display:inline-block;
vertical-align:middle;
font-family:"Montserrat";
font-size:25px;
}


.firstbottomLogoCotainer h1 span{

font-weight:800;
color:white;
}

.firstbottomNavigation{
float:none;
height:100%;

display:flex;
flex-wrap: wrap;
/*justify-content:center;*/

}





.firstbottomNavigation a li{
display:inline-block;

/*vertical-align:middle;*/
height:100%;
color:white;
font-family:"Montserrat";
font-size:10px;

}

.firstbottomNavigation li a{
/*color:black;*/
color:#fff;
}





.socialmediaIcons
{

display:block;
text-align:left;
font-size:17px;
padding-left:40px;
margin-top:5px;
padding-right:390px;
}


.quicklinks
{
/*position: sticky;*/

top: 0px;
display:block;
/*text-align:right;*/
/*text-align:justify;*/
font-size:17px;
padding-right:390px;

margin-top:5px;

}


.recentposts
{


display:block;

font-size:17px;
margin-top:5px;

}


.socialmediaIcons b{
text-decoration: underline;
font-size:20px;
color:#808000;
}

.recentposts b{
text-decoration: underline;
font-size:20px;
color:#808000;
}


.quicklinks b{
text-decoration: underline;
font-size:20px;
color:#808000;
}

/*******PUTTING HOVER *********/

.socialmediaIcons ul a:hover{
color:#ff9800;
}

.quicklinks ul a:hover{
color:#ff9800;
}

.recentposts ul a:hover{
color:#ff9800;
}


/****** when window is shrinked then footer layout will be as below *****************/
@media (max-width: 768px) {

.firstbottomNavigation{
float:left;
height:100%;

display:block;

}



.firstfooterBottom{

margin-bottom:0px;
width:100%;
height:750px;
/*height:120px;*/
display:block;
background-color:black;

}



.socialmediaIcons
{

display:block;
text-align:left;
font-size:17px;
/*padding-left:40px;*/
padding-left:0px;
margin-top:35px;
/*padding-right:390px;*/
padding-right:0px;
}







.quicklinks
{


/*top: 0px;*/
display:block;

text-align:left;
font-size:17px;
/*padding-right:390px;*/
/*padding-left:100px;*/
margin-top:70px;
padding-right:0px;
}





.recentposts
{


display:block;
text-align:left;
font-size:17px;
margin-top:70px;

}



}