body{
    box-sizing: border-box;
}
.h-10 {
    height: 10%;
}
.h-40 {
    height: 40%;
}
.skyblue {
    background-color: #C7D9E5;
}
.btn:hover {
    background-color:#577D8A;
    color: #F4EFEB;
}
.beige {
    background-color: #F4EFEB;
}
.azuloscuro {
    background-color: #314759;
}
.navyletras {
    color: #314759;
    font-size: 18px;
}
.navyletras:hover {
    border-bottom: 2px solid #587583;
}
@font-face {
    font-family:logo;
    src: url(Fonts/letraslogo/BadScript-Regular.ttf);
}
.logoletras {
    font-family: logo;
    font-size: 3rem;
    color: #314759;
}
.logoletras:hover {
    color: white;
}
.bordenav {
    border-bottom: 2px solid #587583;
}
.welcomebg {
    background-color: #577D8A;
}
.welcomebgbackground {
    background-image: url("img/Fondo_welcome.png");
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat; 
}
@font-face {
    font-family:welcome2 ;
    src: url(Fonts/Welcomeh2/AmaticSC-Regular.ttf);
}
.welcome2 {
    font-family: welcome2;
    color: white;
    font-size: 2rem;
}
@font-face {
    font-family: welcome1;
    src: url(Fonts/welcome1/Philosopher-Regular.ttf);
}
.welcome1 {
    font-family: welcome1;
    color: white;
    font-size: 4rem;
}
.titulos {
    font-family: welcome1;
    font-size: 3rem;
    color: #314759;
}
.titulos2 {
    font-family: welcome1;
    font-size: 3rem;
    color: #F4EFEB;
}
@font-face {
    font-family: textosfont;
    src: url(Fonts/textos/RobotoCondensed-Light.ttf);
}
.textosfont {
    font-family: textosfont;
    font-size: 18px;
    text-justify: auto;
}
.apartados {
    font-family: welcome1;
    font-size: 2rem;
    color: #314759; 
}
.habilidades {
    font-family: welcome1;
    font-size: 20px;
    color: #314759; 
}

.showreel {
    width: 90%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 4rem !important;
  height: 4rem !important;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.demo {
    height: 92%;
}
.rendermodelado {
    width: 70%;
}
.logofooter {
    width: 100%;
}
.letrasfooter {
    font-family: textosfont;
    color: #577D8A;
    font-size: 20px;
    text-decoration: none;
}
.titulofooter {
    font-family: logo;
    font-size: 3rem;
    color: #314759;
}
.modal-custom {
    width: 90%;
    height: 60vh;
}
@media screen and (min-width: 820px) and (max-width:1279px){
    .welcomesect {
        height: 50vh;
    }
}

@media screen and (min-width: 1280px) {
    .welcomesect {
        height: 90vh;
    }
    .welcome2 {
        font-size: 4rem;
    }
    .welcome1 {
        font-size: 8rem;
    }
    .navyletras {
        font-size: 24px;
    }
    .textosfont {
        font-size: 28px;

    }
    .apartados {
        font-size: 46px;
    }
    .habilidades {
        font-size: 28px;
    }
    .tamaño {
        font-size: 24px;
    }
    .showreel {
        width: 70%;
    }
    .titulos2 {
        font-size: 3rem;
    }
    .titulos {
        font-size: 3rem;
    }
    .titulofooter {
        font-size: 3rem;
        padding-top: 1%;

    }
    .letrasfooter {
        font-size: 2rem;
    }

}