@font-face {
    font-family: poppins;
    src: url(fonts/Poppins-SemiBold.ttf);
  }


body {
    background-image: url('images/fondo.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	background-color: #ffc702;
	font-family: poppins;
}

.text-title{
	color: #fff;
}

.container {
    margin: auto;
    width: 100%;
    text-align: center;


}

.container-button {
    position: absolute;
    top: 50%;
}

.container-button-modulo1 {
    background-image: url(./images/btn_modulo_1_2.png);
    background-size: 100% 100%;
    height: 109px;
    width: 337px;
    border: none;
    background-color: transparent;
    margin: 17px;
}

.container-button-modulo1:hover {
    background-image: url(./images/btn_modulo_1_2_hover.png);
    background-size: 100% 100%;
    height: 109px;
    width: 337px;
    border: none;
    background-color: transparent;
    margin: 17px;
}

.container-button-modulo2 {
    background-image: url(./images/btn_modulo_in.png);
    background-size: 100% 100%;
    height: 109px;
    width: 337px;
    border: none;
    background-color: transparent;
    margin: 17px;
}

.container-button-modulo2:hover {
    background-image: url(./images/btn_modulo_in_hover.png);
    background-size: 100% 100%;
    height: 109px;
    width: 337px;
    border: none;
    background-color: transparent;
    margin: 17px;
}

.super-container  {
    display: flex;
    height: 90vh;
}

@media screen and (max-width: 1370px) {
    .super-container{
        scale: 55%;
    }
}