/* Preset da incollare in ogni edizione del giornalino*/

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(233, 233, 233);
     
}

.fredoka {
    font-family: 'Fredoka One', cursive;
}

@media (max-width: 1920px) {
    .render {
        position: fixed;
        color: black;
        text-decoration: none; 
        font-size: 200%;
        font-family: 'Karla', sans-serif;
        
    }

}



@media (max-width: 1280px) {
    .render {
        position: fixed;
        color: black;
        text-decoration: none; 
        font-size: 200%;
        font-family: 'Karla', sans-serif;
}

}


@media (max-width: 480px) {
    .render {
        position: fixed;
        color: black;
        text-decoration: none; 
        font-size: 175%;
        font-family: 'Karla', sans-serif;
}

}


@media (max-width: 320px) {
    .render {
        position: fixed;
            color: black;
            text-decoration: none; 
            font-size: 200%;
            font-family: 'Karla', sans-serif;
            
}

}



@media (max-width: 1920px) {
    #Ren1 {
    position: fixed;
    left: 20%;
    bottom: 0%;
        
        
    }
    
    #Ren2 {
    left: 40%;
    position: fixed;
    bottom: 0%;
    
    }
    
    #Ren3 {
    left: 60%;
    position: fixed;
    bottom: 0%;
    
    
}
    
    #Ren4 {
    left: 80%;
    position: fixed;
    bottom: 0%;
    
        
    }
    
}
    
    
@media (max-width: 480px) {
    #Ren1 {
        position: fixed;
        left:15%;
        bottom: 0%;
        
            
    }
        
        #Ren2 {
        left: 40%;
        position: fixed;
        bottom: 0%;
    
    }
        
        #Ren3 {
        left: 65%;
        position: fixed;
        bottom: 0%;
        
        
        }
        
        #Ren4 {
        left: 80%;
        position: fixed;
        bottom: 0%;
        
            
        }
        
}


@media (max-width: 320px) {
    #Ren1 {
        position: fixed;
        left: 0%;
        bottom: 0%;
        font-size: 20px;
        
            
    }
        
        #Ren2 {
        left: 0%;
        position: fixed;
        bottom: 10%;
        font-size: 20px;
    
    }
        
        #Ren3 {
        left: 0%;
        position: fixed;
        bottom: 5%;
        font-size: 20px;
        
        
        }
        
        #Ren4 {
        left: 0%;
        position: fixed;
        bottom: 15%;
        font-size: 20px;
        
            
        }
        
}




/* Striscione*/
@media (max-width: 1920px) {
    #sic {
        position: relative;
        top: -60px;
        margin-left: 640px;
        

        
        width: 600px;
        height: 300px;
    }
}


@media (max-width: 1280px) {
    #sic {
        position: relative;
        top: -60px;
        margin-left: 350px;
        

        
        width: 580px;
        height: 350px;
    }
}

@media (max-width: 980px) {
    #sic {
        position: relative;
        top: -25px;
        margin-left: 170px;
        

        
        width: 640px;
        height: 360px;


    }
}

@media (max-width: 480px) {
    #sic {
        position: relative;
        top: -25px;
        margin-left: 60px;
        

        
        width: 240px;
        height: 125px;
    }
}

@media (max-width: 360px) {
    #sic {
        position: relative;
        top: -25px;
        margin-left: -50px;
        

        
        width: 240px;
        height: 125px;
    }
}

@media (max-width: 1920px) {
    .ListaEdizioni {
    text-decoration: none;
     color: black; 
     border-style: solid; 
     border-radius: 20px; 
     padding: 20px; 
     background-color: white;
     font-size: 36px;
     position: absolute;
     left: 660px;
     top: 400px ;
     font-family: 'Fredoka One', cursive;
     border-color: rgb(220, 220, 220);
    }
    
}

@media (max-width: 980px) {
    .ListaEdizioni {
    text-decoration: none;
     color: black; 
     border-style: solid; 
     border-radius: 20px; 
     padding: 20px; 
     background-color: rgb(255, 252, 252);
     font-size: 36px;
     position: absolute;
     left: 250px;
     top: 600px ;
     font-family: 'Fredoka One', cursive;
     border-color: rgb(220, 220, 220);
    }
    
}


@media (max-width: 480px) {
    .ListaEdizioni {
    text-decoration: none;
     color: black; 
     border-style: solid; 
     border-radius: 20px; 
     padding: 20px; 
     background-color: rgb(255, 252, 252);
     font-size: 12px;
     position: absolute;
     left: 80px;
     top: 200px ;
     font-family: 'Fredoka One', cursive;
     border-color: rgb(220, 220, 220);
    }
    
}



@media (max-width: 1920px) {
    .OLborder {
        color: black;
        background-color: rgba(119, 114, 39, 0.301);
        text-align: center;
        font-size: 24px;
        border-style: solid;
        border-color: gray;
        margin-left: 600px;
        margin-right: 600px;
        padding: 5px;

    }
}

@media (max-width: 980px) {
    .OLborder {
        color: black;
        background-color: rgba(119, 114, 39, 0.301);
        text-align: center;
        font-size: 12px;
        border-style: solid;
        border-color: gray;
        margin-left: 100px;
        margin-right: 100px;
        padding: 5px;

    }
}


@media (max-width: 1920px) {
    #Pfix {
        position: relative;
        top: 100px;
        left: 575px;

        
    }
}


@media (max-width: 980px) {
    #Pfix {
        position: relative;
        top: 100px;
        left: 100px;
        bottom: 100px;

        
    }
}