body {
/*    background: url(/static/images/stars.jpg) no-repeat right;*/
    color: #000;
    background-size: cover;
    background-attachment: fixed;
}

.row {
  display: flex;
}

.column {
  flex: 20%;
  padding: 2px;
}


div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

#rounded-corners {
  border-radius: 40px;
}


.centered{
    text-align: center;
}

canvas{
    padding: 0;
    margin: auto;
    display: block;
    width: 800px;
}

.small-header {
    color:black;
    font-family: 'Exo 2', sans-serif;
    font-size: 1.7em;
    font-weight: 500;
    /*shadows to the right and down*/
    text-shadow: 0.04em 0.04em black;
}

.medium-header {
    color: gray;
    font-family: 'Exo 2', sans-serif;
    font-size: 2.25em;
    /*shadows to the right and down*/
    text-shadow: 0.04em 0.02em #5b5b5b;
}

.big-header {
    color:white;
    font-family: 'Exo 2', sans-serif;
    font-size: 4em;
    font-weight: 500;
    /*shadows to the right and down*/
    text-shadow: 0.05em 0.05em black;
}

.behind-text {
    background-color: rgba(255, 255, 255, 0.4);
/*    opacity: 0.3;*/
}

.regular-text {
    color: white;
    font-family: 'Varela Round', sans-serif;
    font-weight: 600;
    font-size: 1.4em;
/*    text-shadow: 0.05em 0.05em 0.08em #fff;
    blur-radius: 0.1em;*/
}

.small-text {
    color:white;
    font-family: 'Varela Round', sans-serif;
    font-weight: bold;
    font-size: 1.1em;
}

.picture {
    width: 40%;
}

.small-black-text {
    color:black;
    font-family: 'Varela Round', sans-serif;
    font-size: 1em;
    text-align: center;
}

.grey-text {
    color:#62676d;
}

.color-white {
    color: white;
}

div {
    padding-left: 10px;
    padding-right: 10px;
}

span {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-up{
    padding-top: 16px;
}

.padding-tiny-up{
    padding-top: 6px;
}

.btn {
  font-family: 'Exo 2', sans-serif;
  font-size: 1.2em;
  text-decoration: none;
}

.navbar-nav .li .a {
padding-top: 3;
padding-bottom:3;
}

#social {
  font-family: 'Exo 2', sans-serif;
  text-decoration: none;
  color: white;
  padding:4px 12px 4px 12px;
  margin-top: 10px;
  font-weight: bold;
  text-shadow: 0.04em 0.04em gray;
}

#nav-left {
  margin-top: 10px;
  padding:4px 12px 4px 12px;
  font-weight: bold;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}




#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.social-media{
  background-color: #a4c2f4;
  color: #333333;
  padding: 4px 10px 4px 10px;
  border-top: 1px solid #a5c7ff;
  border-right: 1px solid #4e555b;
  border-bottom: 1px solid #4e555b;
  border-left: 1px solid #a5c7ff;
  border-radius:0.8em;
  font-family: 'Varela Round', sans-serif;
  font-size: 1em;
}

.container{
    padding-top: 10px
}

a:link {
    color: #4fa1ff;
}

a:visited {
    color: #92ccfc;
}

a:hover {
    color: #92ccfc;
    text-decoration: none;
}

a:active {
    color: blue;
}

input, select {
    color:black;
}

ul, li {
  list-style: none;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}


/*https://codepen.io/Rowno/pen/Afykb*/

.carousel-fade .carousel-inner .item {
  opacity:0;
  transition-property: opacity;
  transition-duration: 3s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}
.item:nth-child(1) {
  background-image: url('../images/bigneck.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
.item:nth-child(2) {
  background-image: url('../images/miscpieces.jpg');
  background-repeat: no-repeat;
  background-position: center; 
}
.item:nth-child(3) {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/bigneck.jpg');
}