body {
    background-color: #782E68;
    padding-top: 50px;
    padding-bottom: 50px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #333;
    background-image: url("../img/triangles.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

p
{
    text-align: justify;
}

::-moz-selection {
    background: #ff6a00;
    text-shadow: 2px 2px rgba(128, 128, 128, 0.5);
}

::selection {
    background: #ff6a00;
    text-shadow: 2px 2px rgba(128, 128, 128, 0.5);
}

hr {
    border-bottom: 2px solid #ff6a00;
    margin: 0.5em;
}

footer, footer p {
    text-align: center;
}

h1,
h2,
h3 {
    font-variant: small-caps;
    text-shadow: 1px 1px rgba(128, 128, 128, 0.5);
}

.container {
    padding: 30px 50px 10px;
    margin-bottom: 10px;
    line-height: 25px;
    background-color: #ffffff;

    border: 2px solid #ff6a00; /* Adjust thickness */
    border-image: linear-gradient(45deg, #1F2671, #ff6a00, #C03764) 1;
}

a
{
   color: #428bca;
   text-decoration: none;
}

a:hover 
{
    text-decoration: none;
}

.center 
{
    text-align: center;
}

.right
{
    text-align: right;
}

.sprite 
{
    width: 16px; height: 16px;
    display: inline-block;
}

.logoimg
{
    margin: 25px;
    max-width: 250px;
}

/*
Responsive CSS Sprite created using: https://responsive-css.us/
*/

.bg-ann, .bg-be, .bg-benl, .bg-bg3, .bg-ca, .bg-coderdojo, .bg-dos, .bg-dos2, .bg-dosee, .bg-exante, .bg-fi, .bg-kerberus, .bg-ls, .bg-mic, .bg-mik, .bg-nl, .bg-pka, .bg-pol, .bg-stack, .bg-us, .bg-uu, .bg-vives 
{ display:inline-block; overflow:hidden; background-repeat: no-repeat; max-width: 100%; background-image:url(sprites.webp);}

.bg-ann { background-position: 0.00000% 0.00000%; background-size: 533.333%; }
.bg-be {background-position: 23.0769% 0.00000%; background-size: 533.333%; }
.bg-benl {background-position: 46.1538% 0.00000%; background-size: 533.333%; }
.bg-bg3 {background-position: 69.2308% 0.00000%; background-size: 533.333%; }
.bg-ca {background-position: 92.3077% 0.00000%; background-size: 533.333%; }
.bg-coderdojo {background-position: 0.00000% 23.0769%; background-size: 533.333%; }
.bg-dos {background-position: 0.00000% 85.7143%; background-size: 800.000%; }
.bg-dos2 {background-position: 23.0769% 23.0769%; background-size: 533.333%; }
.bg-dosee {background-position: 14.2857% 85.7143%; background-size: 800.000%; }
.bg-exante {background-position: 46.1538% 23.0769%; background-size: 533.333%; }
.bg-fi {background-position: 69.2308% 23.0769%; background-size: 533.333%; }
.bg-kerberus {background-position: 92.3077% 23.0769%; background-size: 533.333%; }
.bg-ls {background-position: 0.00000% 46.1538%; background-size: 533.333%; }
.bg-mic {background-position: 23.0769% 46.1538%; background-size: 533.333%; }
.bg-mik {background-position: 46.1538% 46.1538%; background-size: 533.333%; }
.bg-nl {background-position: 69.2308% 46.1538%; background-size: 533.333%; }
.bg-pka {background-position: 92.3077% 46.1538%; background-size: 533.333%; }
.bg-pol {background-position: 0.00000% 69.2308%; background-size: 533.333%; }
.bg-stack {background-position: 23.0769% 69.2308%; background-size: 533.333%; }
.bg-us {background-position: 46.1538% 69.2308%; background-size: 533.333%; }
.bg-uu {background-position: 69.2308% 69.2308%; background-size: 533.333%; }
.bg-vives {background-position: 92.3077% 69.2308%; background-size: 533.333%; }