*, *:before, *:after {
  box-sizing: border-box;
}

ul {
    list-style-type: none
}
ul li{
    font-size: 16px;
}

#activity {

    /*  font-size: 1.1em;*/
}

.index-menu .btn{
    width:100%;
    text-decoration: none;
    font-size:1.2em;
}

.screenshots {
    margin-left:0;
    padding-left:0;
    margin-top:5px;
}

.screenshots img{
    margin-bottom:10px;
}

/* ----------- Large Display ----------- */
@media screen and (max-width:1920px) and (max-height:1080px) {
}

/* ----------- Laptop HiDPI screen ----------- */
@media screen and (max-width:1440px) and (max-height:900px) {
}

/* ----------- Laptop ----------- */
@media screen and (max-width:1366px) and (max-height:768px) {
}

/* ----------- Laptop MDPI screen ----------- */
@media screen and (max-width:1280px) and (max-height:800px) {
}

/* ----------- iPad ----------- */
@media only screen and (max-device-width:1024px) and (max-device-height:768px) {
    #activity {

        /*   font-size: 1em;*/
    }
}

/* ----------- iPhone 5 ----------- */
@media only screen and (max-device-width:568px) and (max-device-height:320px) {

    /* Styles */
    
}