* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  height: 100%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #333;
}
html, body {min-height: 100%;}

body {
  font-size: 0.9em;
}
h1,h2,h3,h4,h5,h6,p {
  margin-bottom: 1em;
}
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}

a {
  text-decoration: none;
  display: block;
  transition: color 300ms linear;
}

ul { list-style: none } 
.w100 {width: 100%;}
.w600 {width: 55%;}
.fw100 {font-weight: 100;}
.fw500 {font-weight: 500;}
.fwno {font-weight: normal;}
.fwbo {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.center {text-align: center; color: rgba(255,255,255,0.2) }
.text a {display: inline-block;}
.head-content {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  min-height: 80px;
  
}
.logo {
  height: 60px;
  width: auto;
  margin: 10px 0;
}
.logo img {height: 60px;width: auto;}
.nav {list-style: none;}
.nav li {height: 80px; line-height: 80px; margin-left: 5px; transition: background 300ms linear; }
.nav li:hover, .nav li:focus {background: rgba(51, 51, 51, 0.5);}
.nav li:hover a, .nav li:focus a {color: #9DCFFD;}
.nav a {color: #bbb; padding:0 15px; transition: color 300ms linear;}

.btn {background: #080; padding: 0.5em 1em; color: #fff; border-radius: 5px; transition: background 300ms linear;}
.btn:hover {background: #0e3292;}

.head-true{
margin-left: 200em;
}

.nav li:hover, .nav li:focus {background: rgba(51, 51, 51, 0.5);}
.nav li:hover a, .nav li:focus a {color: #9DCFFD;}
.nav a {color: rgb(168, 150, 0); padding:0 15px; transition: color 300ms linear;}

.btn {background:  rgb(0, 151, 168); padding: 0.5em 1em; color: #fff; border-radius: 5px; transition: background 300ms linear;}
.btn:hover {background: #0e3292;}


@media screen and (min-width:737px) {
  .navbar-horz ul > li {float: left; }
  .card .btn {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .btn {background:  rgb(168, 150, 0);; padding: 0.5em 1em; color: #fff; border-radius: 5px; transition: background 300ms linear; max-width: 200px; margin-top: 1em}
}