* { box-sizing: border-box; }

html { overflow-y: scroll; }

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

hr {
    margin:40px 0;
} 
h3 { color:#1758AA}
h3 span {font-size:14px; display:block;}
span[ng-click] {
        cursor: pointer;
    }

#images {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

.modal-backdrop.in
{
    opacity:0.5;
}

.ng-invalid {
    color: red;
}

.avenir {
    font-family: "Avenir", Arial, sans-serif; 
		letter-spacing: 2px; 
		color: white
}

.avenir-custom {
    font-family: "Avenir", Arial, sans-serif; 
		letter-spacing: 2px; 
}

a:link {
    color: white;
}

a:visited {
    color: white;
}

a:hover {
    color: orange;
		text-decoration: none;
}

a:active {
    color: blue;
}

#ishan {
    color: red;
}

#navcon {
    /*font-size: 14px;*/
}

#warningMessage {
    color: red
}

#form {
	width: 450px;
	transition:width 0.5s;
	position: absolute;
	top: 2%;
	right: 2%;
	background-color: rgba(255, 255, 255, 0.90);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 2%;
}

#viewCartButton {
    position: fixed;
    top: 1%;
    right: 1%;
}

#cartContainer {
    font-family: 'Lato', sans-serif;
    height: 50px;
    width: 135px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    background-color: #CB99C9;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
}

#numberInCart {
    height: 100%;
    width: 30%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    border-right: thin solid #000000;
}

#viewCart {
    height: 100%;
    width: 70%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

#titlefont {
    font-family: 'Avenir', sans-serif;
    padding-top: 3%;
    color: #FFFFFF;
    font-size: 80px;
    font-weight: 1px;
    text-align: center;
}

#catchphrasefont {
    font-family: 'Avenir', sans-serif;
    color: #FFFFFF;
    font-size: 26px;
    text-align: center;
}

#moviecontainer {
    padding-left: 2%;
    padding-right: 2%;
}

#navbar {
    height: 7.3%;
    width: 100%;
    background-color: orange;
    opacity: 50%;
}

.hire-button {
	color: #000000;
	background-color: #000000; 
	border: 2px solid white;
}

.hire-button:hover {
	background-color: #FFFFFF;
	color: #FFFFFF;
}

.btn {
	text-transform: none;
}

#warning {
	color: red;
}

.top-buffer {
	margin-top:20px;
}

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