body{background-color:#ddd;font-family:'Roboto',sans-serif;margin:30px auto 0 auto;}
.container{display:flex;width:920px;height:auto;margin:10px auto;position:relative;top:-15px;}
.box{width:32%;height:auto;border: 1px solid #ccc;margin-right:1%;background:white;border-radius:10px;transition:0.9;opacity:0.6;}
.box:hover{box-shadow:0 0 11px rgba(11,11,11,0.9);cursor:pointer;opacity:1;}
img{width: 100%;border-top-left-radius:10px;border-top-right-radius:10px;}
h3,p{text-align:center;color:rgb(104,92,92);}
p{font-size:15px;padding:0 5px;}
@media(max-width:800px){.container{width:100%;}}
@media(max-width:600px){.container{width:85%;display:block;} .box{width:100%;margin-bottom:10%;}}
.footer{position:fixed;left:0;bottom:0;width:100%;height:1rem;line-height:1rem;background-color:#fff;color:#000;text-align:right;font-family:verdana;font-size:8pt;}
td{font-family:verdana;font-size:8pt;text-align:center;borders:0;}


.imgWindows{width:50px;height:50px;background:url("images/windows-logo.svg") no-repeat;display:inline-block;}
.imgWindows:hover{background:url("images/windows-logo-red.svg") no-repeat;}

.imgMacOS{width:50px;height:50px;background:url("images/mac-logo.svg") no-repeat;display:inline-block;}
.imgMacOS:hover{background:url("images/mac-logo-red.svg") no-repeat;}

.imgAndroid{width:50px;height:50px;borders:0;background:url("images/android-logo.svg") no-repeat;display:inline-block;}
.imgAndroid:hover{background:url("images/android-logo-red.svg") no-repeat;}

.imgIOS{width:50px;height:50px;background:url("images/ios-logo.svg") no-repeat;display:inline-block;}
.imgIOS:hover{background:url("images/ios-logo-red.svg") no-repeat;}

.imgAppleTV{width:50px;height:50px;background:url("images/appletv-logo.svg") no-repeat;display:inline-block;}
.imgAppleTV:hover{background:url("images/appletv-logo-red.svg") no-repeat;}

.imgAndroid{width:50px;height:50px;borders:0;background:url("images/android-logo.svg") no-repeat;display:inline-block;}
.imgAndroid:hover{background:url("images/android-logo-red.svg") no-repeat;}

.imgLinux{width:50px;height:50px;background:url("images/linux-logo.svg") no-repeat;display:inline-block;}
.imgLinux:hover{background:url("images/linux-logo-red.svg") no-repeat;}

.imgFreeBSD{width:50px;height:50px;background:url("images/freebsd-logo.svg") no-repeat;display:inline-block;}
.imgFreeBSD:hover{background:url("images/freebsd-logo-red.svg") no-repeat;}

.imgRaspberry{width:50px;height:50px;borders:0;background:url("images/raspberrypi-logo.svg") no-repeat;display:inline-block;}
.imgRaspberry:hover{background:url("images/raspberrypi-logo-red.svg") no-repeat;}

.imgChromeOS{width:50px;height:50px;background:url("images/chrome-logo.svg") no-repeat;display:inline-block;}
.imgChromeOS:hover{background:url("images/chrome-logo-red.svg") no-repeat;}