@charset "utf-8";
*{color:#6f7071;}
h1{background-color:#8ec6ff;}
p{color: #404040}

body{
    font-family: 'Helvetica Neue','Arial',sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-hight: 1.5;
}



section{
    background-color:#8ec6ff;
}
h1{
    color: #ffffff;
    font-size: 36px;
    text-align: center;
}

*{box-sizing: border-box;}
ul.gnav-list-1{
    background: #8ec6ff;
    padding: 0;
    text-align: center;
}
ul.gnav-list-1 li{
    display: inline-block;
}
ul.gnav-list-1 li a {
    display: block;
    padding: 1em;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px
    
}

ul.gnav-list-1 li a:hover {
    background: #1787f8;
}


a{
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 1em;
    text-align: center;
}
@media screen and {min-width: 960px}{
    a:hover{
        opacity:0.7;
    }
}

a.button-link{
    background: #1787f8;
    text-decoration: none;
    color: #ffffff;
    font-size: 20px;
}

.button{
    display: flex;
    justify-content: center;
}

.explanation{
    text-align: center;

}

.example-img{
    text-align: center;
    backgroun-image: url(paradigma-syntagma.jpg);
    opacity: 0.6;
    
}


.download{
    text-align: center;
}


footer{
    background:#8ec6ff;
    text-align: center;
    color: #ffffff;
    
}