@import url('https://fonts.googleapis.com/css?family=Saira+Condensed');

body{
    font-family: 'Saira Condensed', sans-serif;
}

html,
body,
header,
#landingPage,
#fame,
#prac,
#current,
#cont{
    height: 100%;
}


#cont{
    background: url(../img/contact.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#fame{
    background: url(../img/fame.jpg)no-repeat  center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landingPage {
    background: url(../img/background.jpg)no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#prac{
    background: url(../img/boxing-6.jpg)no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#sport img{
    width: 15em;
}
.navbar li{
    padding-right: 0.6em;
}
.navbar,.dropdown-menu {
    background-color:#1d1e22;
}
.foot, footer a ion-icon{
    color: #396d9a;
}
footer ion-icon{
    font-size: 22px;
}

footer a:hover,ion-icon:hover{
    text-decoration: none;
    color: darkgrey;
}
.dropdown-item{
    color:white;
}
.dropdown-item:hover{
    background-color: #396d9a;
}
.dropdown-menu > a.active{
    background-color: #396d9a;
}
.bg-grey{
    background-color: #1d1e22;
}
#navID{
    padding: 0;
}
#topNav{
    font-size: 1.2rem;
    opacity: 1;
    padding-top: 4px;
    padding-bottom: 4px;
}
.card img{
    width: 14rem;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

/*Add TOPLine/styling to footer*/
footer p{
   margin-bottom: 0;
}

address{
    font-size: 1.2em;
}