body{
    background:-webkit-linear-gradient(white,#AAFB88);
    background:-o-linear-gradient(white,#AAFB88);
    background:-moz-linear-gradient(white,#AAFB88);
    background:linear-gradient(white,#AAFB88);
    font-family:Arial,Helvetica,Sans-Serif;
}

hr{
    background-color:#A20410;
    height:3px;
}


#advertisement{
    background-color:#79FF79;
    text-align:center;
    
}

#games-desc{
    font-size:15px;
    text-align:center;
    width:100%;
    background-color:#AEFFAE;
}

#games-desc a{
    color:black;
}

a.red-link{
    color:#A20410;
    text-decoration:none;
}

a.red-link:hover{
    text-decoration:underline;
}

#result-sets{
    /*height:60px;
    overflow:scroll;*/
}

#result-sets a{
    color:#A20410;
    font-size:23px;
    text-decoration:none;
}

#result-sets a:hover{
    text-decoration:underline;
}

#user-settings{
    visibility:hidden;
}

h1{
    color:green;
}

h2{
    color:green;
}

input{
    font-size:18px;
}

select{
    font-size:18px;
}

#header{
    width:100%;
    background-image:url('img/logo.jpg');
    background-repeat:no-repeat;
    background-size:100% 100%;
}

#header h1{
    color:#A20410;
    font-size:32px;
    letter-spacing:8px;
    font-style:italic;
    margin:0px;
}

#header a{
    color:green;
    text-decoration:none;
}

#additional{
    text-align:right;
}

#additional a{
    color:#A20410;
    text-decoration:none;
}

#additional a:hover{
    text-decoration:underline;
}


#bottom-desc{
    width:100%;
    color:green;
    clear:both;
    font-size:12px;
}

#bottom-desc a{
    color:#122710;
    text-decoration:none;
}


#footer{
    width:100%;
    color:green;
    clear:both;
    font-size:12px;
}

#footer a{
    color:#122710;
    text-decoration:none;
}

#menu{
    font-family:Arial,Helvetica,Sans-serif;
    font-size:20px;
}



.info-window{
    position:relative;
    background-color:#FFFF48;
    border-style:solid;
    border-width:1px;
    border-color:green;
    
    top:10px;
    box-shadow:1px 1px 40px #000000;
    width:35%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    font-size:25px;
    color:#8C8C00;
    text-align:center;
}

.confirm-window{
    position:relative;
    background-color:#FFBE46;
    border-style:solid;
    border-width:1px;
    border-color:green;
    
    top:10px;
    box-shadow:1px 1px 40px #000000;
    width:35%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    font-size:25px;
    color:#B95C00;
    text-align:center;
}

.error-window{
    position:relative;
    background-color:#FF5959;
    border-style:solid;
    border-width:1px;
    border-color:green;
    top:10px;
    box-shadow:1px 1px 40px #000000;
    width:35%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    font-size:25px;
    color:#A40000;
    text-align:center;
}

div#menu a:link{
    display:block;
    text-align:center;
    color:white;
    text-decoration:none;
    background-color:#1fc12e;
    box-shadow:4px 4px 4px #555555;
    margin-bottom:3px;
    border-radius:8px;
}

div#menu a:visited{
    display:block;
    text-align:center;
    color:white;
    text-decoration:none;
    background-color:#1fc12e;
}


div#menu a:hover{
    color:#1fc12e;
    background-color:white;
}


div#menu a:active{
    color:#1fc12e;
    background-color:white;
}

#categories{
    list-style-type:none;
    margin:0;
    padding:0;
}

ul#categories li{
    height:22px;
}


ul#categories a{
   display:block;
   background-color:#A20410;
   text-decoration:none;
   color:white;
   font-size:20px;
   width:80%;
   border-radius:8px;
}

ul#categories a:hover{
   background-color:white;
   color:#A20410;   
}


#all-categories{
    list-style-type:none;
    margin-left:20%;
    padding:0;
}

ul#all-categories li{
    height:26px;
}


ul#all-categories a{
   background-color:#A20410;
   text-decoration:none;
   color:white;
   font-size:22px;
   border-radius:8px;
}

ul#all-categories a:hover{
   background-color:white;
   color:#A20410;   
}


img{
    max-width:100%;
    height:auto;
}


.games-general{
    background-color:#79FF79;
    font-size:14px;
    text-align:center;
    width:336px;
    height:280px;
    float:left;
}

.games-general:hover{
    background-color:#AEFFAE;
}

div.games-general a{
    text-decoration:none;
    font-size:28px;
    color:white;
    border-radius:8px;
    background-color:#A20410;
}

div.games-general a:hover{
    background-color:white;
    color:#A20410;
}

div.games-general .in-games-description{
    font-size:12px;
    font-style:italic;
}


.games-random{
    font-size:14px;
    text-align:center;
    background-color:#79FF79;
    width:336px;
    height:280px;
    float:left;
}

.games-random:hover{
    background-color:#AEFFAE;
}

div.games-random a{
    text-decoration:none;
    font-size:28px;
    color:white;
    background-color:#A20410;
    border-radius:8px;
}

div.games-random a:hover{
    background-color:white;
    color:#A20410
}

div.games-random .in-games-description{
    font-size:12px;
    font-style:italic;
}

#game-play{
    text-align:center;
}

#search-form{
    text-align:center;
    font-size:20px;
}

.search-result{
    font-size:18px;
    text-align:left;
    margin-left:20%;
}

.search-result:hover{ 
    
}

div.search-result a{
    text-decoration:none;
    font-size:25px;
    color:white;
    background-color:#A20410;
    border-radius:8px;
}

div.search-result a:hover{
    color:#A20410;
    background-color:white;
}

#login{
    text-align:center;
    font-size:20px;
}

#register{
    text-align:center;
    font-size:20px;
}

.error{
    color:red;
}


*{
    box-sizing:border-box;
}

[class *= "col-"]{
    float:left;
    /*padding:15px;*/
    /*border: 1px solid green;*/
}

.row:after{
    content:"";
    clear:both;
    display:block;
}

[class *= "col-"]{
    /* dla smartfonów */
    width:100%;
}

@media only screen and (min-width:600px){
     /* dla tabletów */
    .col-m-1{width:8.33%;}
    .col-m-2{width:16.66%;}
    .col-m-3{width:25%;}
    .col-m-4{width:33.33%;}
    .col-m-5{width:41.66%;}
    .col-m-6{width:50%;}
    .col-m-7{width:58.33%;}
    .col-m-8{width:66.66%;}
    .col-m-9{width:75%;}
    .col-m-10{width:83.33%;}
    .col-m-11{width:91.66%;}
    .col-m-12{width:100%;}
}

@media only screen and (min-width:768px){
     /* dla desktopów */
    .col-1{width:8.33%;}
    .col-2{width:16.66%;}
    .col-3{width:25%;}
    .col-4{width:33.33%;}
    .col-5{width:41.66%;}
    .col-6{width:50%;}
    .col-7{width:58.33%;}
    .col-8{width:66.66%;}
    .col-9{width:75%;}
    .col-10{width:83.33%;}
    .col-11{width:91.66%;}
    .col-12{width:100%;}
}