@font-face {
    font-family: "Century Gothic";
    src: url(../font/GOTHIC.ttf) format("truetype");
    src: url(../font/GOTHICB.ttf) format("truetype");
    src: url(../font/GOTHICBI.ttf) format("truetype");
    src: url(../font/GOTHICI.ttf) format("truetype");
    
}
    
body{
    font-family: "Century Gothic";
    margin:0px;
    padding: 0px;
    text-align: center;
}

main{
font-size: 200%;
margin-bottom: 15%
}

section
{
    background-color: rgb(180, 180, 180);
    color: white;
    font-size: 150%;
    padding:0.5%;
}

section ul{
    text-decoration: none;
    color: white;
    padding:0px;
    margin-top: 4%;
    margin-bottom: 4%;
}
section ul a {
    text-decoration: none;
    color: white;
}

.firma{
    width: 60%;
    margin-top: 40%;
    margin-bottom: 1%;
}

@media screen and (min-width: 600px) {

    .firma {
        width: 20%;
        margin-top: 5%;
        margin-bottom: 0px;
    }

    main {
        margin-bottom: 2%;
    }

    section ul {
        margin-bottom: 2%;
        margin-top: 2%;
        font-size: xx-large;
    }

}