/***************************/
/*****  Custom Styles  *****/
/***************************/

html, body{
    height: 100%;
    background-color: #f5f5f5;
}

.container {
    padding: 0 !important;
    width: 100% !important;
}

#navbar {
    background-color: #ffffff;
}

.navbar-inverse{
    border-color: white;
}

@media (min-width: 750px){
    .navbar-nav {
        font-family: 'Roboto', sans-serif;
        padding-left: 19%;
        padding-right: 19%;
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }

    .navbar-nav > li {
        display: table-cell;
        float: none;
        text-align: center;
        opacity: 0.4;
        transition: .2s linear;
    }

    .navbar-nav li:hover {
        opacity: 1;
    }

    #active {
        opacity: 1;
    }
}

/* Mobile */
@media (max-width:750px) {
    #intro {
        background-color: #f5f5f5;
        background-repeat: no-repeat;
        background-size: 750px height;
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }
}

/*******  Typography  ******/

h1, h2, h3, h4, h5 {
    font-family: 'Roboto', sans-serif;
	}
	
h1 {

	}
	
h2 {

	}	
		
h3 {

	}
	
h4 {

	}	
	
h5 {

	}
	
p {
	
	}
	
	

/********  General  ********/

/* Attempt to create custom button

#button {
    background-image: url(../img/button-inactive.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: 0.2s linear;
}

#button:hover{
    background-image: url(../img/button-active.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.container {
	padding: 30px 15px;
	}
	
.container:last-of-type {
	padding-bottom: 0px;
	}
	
.navbar .container {
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
.container-full .container {
	padding: 50px 15px;
	}
	
*/

img, video {
	max-width: 100%;
	height: auto;
	}
	
/*****  Button Styles  *****/

#button-style {
    display: block;
    margin: auto;
}

.btn-default {
    font-family: 'Roboto', sans-serif;
	background-color: #f5f5f5;
	border-color: #9B9B9B;
	}
	
.btn-default:hover {
    font-family: 'Roboto', sans-serif;
    color: #357DED;
	background-color: #f5f5f5;
	border-color: #357DED;
	}

.btn-default:active {
    box-shadow: none;
}
