﻿button:focus {

outline: none;

}

.navbar{background-color:#EFECE7;}





 .navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;

  }


.carousel-caption {
  top: 55%;
transform: translateY(-50%);
bottom: initial;
}



.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 2.5s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;

}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;

}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);

}

<!-- ubicación vertical texto obra inicio -->
.carousel-caption {
  transform: translateY(-0%);
  bottom: 0%;
  top: 0%;
}




@font-face {
  font-family: Gazpacho;
  src: url(fonts/Gazpacho.otf);
}

h1 {
font-family: 'Gazpacho', sans-serif;
font-size:42px;line-height:1.2em;
font-weight: 500;
}

h2 {
font-family: 'Gazpacho', sans-serif;
font-weight: 900;
}

h3 {
font-family: 'Gazpacho', sans-serif;
font-weight: 900;
}

h4 {
font-family: 'Gazpacho', sans-serif;
font-weight: 900;
}

h5 {
font-family: 'Gazpacho', sans-serif;
font-weight: 900;
}

h6 {
font-family: 'Gazpacho', sans-serif;
font-weight: 600;
}

p {
font-family: 'Gazpacho', sans-serif;
font-size: 16px;
text-align:justify;
font-weight: 400;
}

li {
font-family: 'Gazpacho', sans-serif;
font-size: 12px;
text-align:justify;
}

link {
font-family: 'Gazpacho', sans-serif;
font-size: 12px;
text-align:justify;
}

hr {
width:100%;
margin-left: 0px;
color:black;
height: 0,5px;
background: black;

}

/* unvisited link */
a:link {
    color: black;
    text-decoration:none;
font-family: 'Gazpacho', sans-serif;
    font-size:16px;
}

/* visited link */
a:visited {
    color: black;
    text-decoration:none;
font-family: 'Gazpacho', sans-serif;
}

/* mouse over link */
a:hover {
    color:white;
    text-decoration:none;
font-family: 'Gazpacho', sans-serif;
}

/* selected link */
a:active {
    color: white;
    text-decoration:none;
font-family: 'Gazpacho', sans-serif;
}



.fixed-bottom {
    position: fixed;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

/* anchura container */
@media (min-width: 1200px) {
    .container{
        max-width: 1400px;
    }
}



/* alineación vertical grid */

.vertical-align {
    display: flex;
    align-items: center;
}





/* columnas diferentes #F0ECE5 F1EBDF */

* {
  box-sizing: border-box;
}

body {
  font-family: Arial;
  padding: 0px;
  background: #EFECE7;
}

/* Header/Blog Title */
.header {
  padding: 30px;
  font-size: 40px;
  text-align: center;
  background: white;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
  float: left;
  width: 60%;

}

/* Right column */
.rightcolumn {
  float: left;
  width: 40%;
  padding-left: 20px;
}


/* Add a card effect for articles */
.card {
  background-color: #EFECE7;
  padding: 20px;
  margin-top: 20px;
  border:none;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Footer */



.footer {
  padding: 20px;
  text-align: center;
  background-color:#EFECE7;
  margin-top: 20px;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
  .leftcolumn, .rightcolumn {
    width: 100%;
    padding: 0px;
  }
}