@charset "utf-8";

header .navbar
{
    background-color: #2D333B;		
	padding: 0px;		/* turn off default padding */
	max-width: 100%;
}

nav .navbar-brand
{		
	margin: auto;	/* used to center div */
}

nav .navbar-brand img
{	
	max-width: 100%;
	display: block;	/* used to center div */
	margin: auto;	/* used to center div */
}
		
#footer-div 
{	
	background-color: #2D333B;
	padding-top: 20px;
	padding-bottom: 10px;
	border-style: none;
}

#left-footer-div
{	
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;           
}

#center-footer-div
{    
    padding-bottom: 15px;    
}

#right-footer-div
{
	text-align: center;       
}

#right-footer-div img
{
	display: block;
	margin: 0 auto;
}

.links-class p
{	
	font-size: 1em;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-bottom: 10px;	
}

.links-class a
{
	color: #3AA996;
}

.social-media
{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
	margin-bottom: 0px;	      
}

.facebook
{
    display: table;
    margin: auto;      
    padding-bottom: 15px;
    margin-top: 0px;
	margin-bottom: 0px;	      
}

.facebook .fb-like
{
    float: left;    
    margin-top: 0px;
	margin-bottom: 0px;	
}

.facebook .fb-save
{
    float: left;
    margin-top: 0px;
	margin-bottom: 0px;	
}

.facebook::after
{
    clear: left;
    content: "";
    display: table;
}


.instagram
{       
    display: table;
    margin: auto;                
    padding-bottom: 15px;     
}

.instagram img
{    
    float: left;
    height: 29px;    
    
}

.instagram p
{        
    float: left;
    padding-left: 15px;    
    color: white;
    height: 29px;
    line-height: 29px;   
    margin-bottom: 0px;    
}

.instagram::after
{
    clear: left;
    content: "";
    display: table;
}


.credits
{
    padding-top: 0px;
}

.credits p 
{
	text-align: center;
	color: #FFFFFF;
    width: 300px;
    margin-left: auto;
    margin-right: auto;    
    padding-bottom: 10px;
    font-size: 0.8em;
}

.comodo
{
	margin: 0px auto;
	padding: 15px 0px;
    text-align: center;	
}

.comodo img
{
	margin: 0px;
	padding: 0px;
}
           			
@media screen and (min-width:576px)
{					
		
	nav .navbar-brand
	{							
		margin: auto;
	}
	
	nav .navbar-brand img
	{	
		
	}		

}
			

@media screen and (min-width:768px)
{		

	#footer-div 
	{
        padding-top: 35px;
		font-size: 1.1em;
	}
	
	.comodo
	{
		margin: 0px auto;
		padding: 0px 0px 30px 0px;    
	}
        		
}

@media screen and (min-width:1200px)
{	          	
	.links-class p
	{
		margin-left: auto;
		margin-right: auto;
		width: 30%;
		text-align: left;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;	          
	}
	    
    .facebook
    {
        display: block;        
    }
    
    .instagram
    {
        display: block;
		padding-bottom: 30px;
	}
    
    .credits p
    {
        text-align: left;        
    }   
	
}