@charset "UTF-8";
/* CSS Document */
.mm-wrapper_blocking {
    overflow-x:hidden;
	overflow-y: scroll;
}
body.compensate-for-scrollbar{
	
	margin-right: 0px;
}
body{
	
	font-family: 'Lato', sans-serif;
	line-height: 1.6;
	font-size: 16px;
	color:black;
  	background-color: #333333;
}


h1,h2,h3,h4,h5,h6,h7{
	
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
.container{
	
	padding-top:15px;
	padding-bottom: 15px;
}
#top-button {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none;
    outline: none; /* Remove outline */
    background-color:#675CAB;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    
	
    font-size: 18px; /* Increase font size */
}

#top-button:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}
#top-button:focus {
    background-color: #1D71B8; /* Add a dark-grey background on hover */
}
#top-button:active {
    background-color: #1D71B8; /* Add a dark-grey background on hover */
}
/* Extra small devices (phones, 600px and down) */



button:active {
outline: none;
border: none;
}

button:focus {outline:0;}


h1 {
	
	font-size:2.5rem;
}
h2 {
	
	font-size:2rem;
}
h3{
	font-size: 1.75rem;
}
h4{
	font-size:1.5rem;
}
h5{
	font-size:1.25rem;
}
h6{
	font-size:1rem;
}
.project-title{
	
	
	text-align: center;
	padding:15px;

}
@media (min-width: 768px) {

	.project-title{
		
		
		text-align: center;
		padding:30px;
		
	}
}
@media (max-width: 768px) {

	h3{
		
		font-size: smaller;
	}
}
#fbopen{
background-color: transparent;
	outline: none;
	cursor: pointer;
	border:none;
	
}
.nav-tabs{
	
	border-bottom: 1px solid #000000;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #000000 #000000 #fff;
}
#home, #profile, #contact{
	
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding:20px;
}
footer .container-fluid{
	
	background-color: #333333;
	text-align: center;
	color: white;
	padding:15px;
}

.scrollToTop{
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 100px; /* Place the button at the bottom of the page */
    right: 0px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none;
    outline: none; /* Remove outline */
    background-color:rgb(0,255,255,0.5);
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    
	border-radius: 50%;
    font-size: 18px; /* Increase font size */
    
}
.scrollToTop:hover{
    text-decoration:none;
}