@import url("https://fonts.googleapis.com/css?family=Roboto");

body{
    margin-top: 0%;
    margin-left: 0%;
    overflow:auto;
    font-family: Roboto;
}

.btn{
    color: white;
    margin-left: 1%;
    background-color: blue;
    border: none;
    /*border-radius: 5px;*/
}

.centrar{
    width: 90%;
    margin-left:auto;
    margin-right: auto;
    /*background-color: green;*/
}

.cert{
    width:100%;
    height:1000px;
}

.code{
    display:flex;
    flex-direction: row;
    width: 15%;
    margin-left: 42.5%;
    /*    margin-left:auto;
        margin-right: auto;*/
    height: 2%;
    /*background-color: green;*/
}

.container{
    /*    display:flex;
        flex-direction:column;*/
    /*    width: 1920px;
        height: 1080px;*/
    width: 100%;
    /*height: 100%;*/
    padding-top: 5%;
    /*background-color: red;*/
}


.div_logo{
    width: 20%;
    height: 20%;
    margin-left: 40%;
    /*border: 1px solid blue;*/
    /*background-color: blue;*/
}

.logo{
    width: 100%;
    height: 100%;
}

.tabla{
    width: 50%;
    margin-top: 1%;
    margin-left: 25%;
    /*background-color: blue;*/
}

.texto_central{
    width: 100%;
    margin-top: 2%;
    margin-bottom: 3%;
    font-size: 1.5rem;
    text-align: center;
    color:grey;
    /*background-color: green;*/
}

td{
    text-align: left;
}

th{
    text-align: left;
}

@media (max-width: 700px){
    .cert{
        width:auto;
        max-height:500px;
    }
    .code{
        width: 50%;
        margin-left:auto;
        margin-right: auto;
    }
    .div_logo{
        width: 40%;
        height: 40%;
        margin-left:auto;
        margin-right: auto;
    }

    .texto_central{
        font-size: 1rem;
    }
}