.main-title {
    margin: 4.5rem 1rem 1rem 1rem;
    text-align: center;
}

.tile {
    float: left;
    margin: 1%;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #CCC;
    padding:5px;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

.small-tile {
    width: 31%;
}

.half-tile {
    width: 48%;
}

.twothirds-tile {
    width: 65%;
}
.big-tile {
    width: 98%;
}

@media all and (max-width: 991px) { 
    .small-tile {
        width: 48%;
    }
    .half-tile {
        width: 100%;
    }
    .twothirds-tile {
        width: 100%;
    }
 }
@media all and (max-width: 768px) { 
    .small-tile {
        width: 100%;
    }
    .div-top-button {
        display: block;
    }
    .main-title {
        margin-top: 12rem;
    }
 }
/*@media all and (max-width: 480px) { 
    .creation-content {
        width: 100%;
    }
 }*/

.tile-green {
    background-color: #00cc99;
}
.tile-black {
    background-color: #000000;
    color: #ffffff;
}
.tile-blue {
    background-color: #007acc;
}
.tile-orange {
    background-color: #ff9966;
}
.tile-violet {
    background-color: #bf80ff;
}
.tile-grey {
    background-color: #c2c2d6;
}
.tile-yellow {
    background-color: #ffffb3;
}
.tile-pink {
    background-color: #ffb3ff;
}
.tile-darkblue {
    background-color: #294d80;
    color: white;
}
.tile-englishblue {
    background-color: #001f6f;
    color: white;
}
.tile-darkred{
    background-color: #820000;
    color: white;
}
.tile-darkgreen {
    background-color: #406349;
    color: white;
}
.tile-red {
    background-color: #f75858;
}
.tile-lightred {
    background-color: #fa8f8f;
}
.tile-darkgrey{
    background-color: #666666;
}
.tile-darkviolet {
    background-color: hsl(276, 85%, 23%);
    color: white;
}
.tile-darkyellow {
    background-color: #5e6407;
    color: white;
}
.tile-darkgrey {
    background-color: #2e3330;
    color: white;
}

.img-tile {
    width: 26%;
    height: auto;;
    margin: 3%
}

.imgintile {
    margin: 5px;
}

.tile-center {
    text-align: center;
}