/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/* Small devices (tiny phones, 250px and up) */

@media (min-width: 250px) {  
    

.slider-hide {
    
    display: none;
    
}    
    

nav {

font-size: 1.2em !important; 
   
}
    

.navbar {
   
    padding-right: 15px;
    
}    
    
 
    
}

    

/* Small devices (tiny phones, 350px and up) */
@media (min-width: 350px) {  
    
    


    
.slider-hide {
    
    display: none;
    
}    
    
    
    
h1.title {
		
	font-size: 3em;
    text-align: center;
       
}  
    
    
h1.img-title {
  
    text-align: center;
    
}    
    
    
.homepage-hero-title {
	
text-align: center;

}  
    
    
.section-where-to-buy {
    
    
    text-align: center;
    
}    
    
 
}



.archived-div ul, .archived-div p {
   
 
 text-align: center;
 padding: 0;

}




/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    
    

h1.title {
		
	font-size: 3em;
    text-align: left;
       
}  

    
}
    
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    

h1.title {
    font-size: 4em;       
}  
    
    
.homepage-hero-title {
	
text-align: center;

}  
.archived-div ul, .archived-div p {
   
 text-align: right;
    
    }

 
/* Large devices (desktops, 992px and up) */


@media (min-width: 992px) { 
    
    nav {

    }

    
h1.title {
		
	font-size: 4em;
    text-align: left;
       
}  
    
    
 .footer-logos {
    
text-align: center;
    
}
    
    
 .footer-nav {
    
text-align: center;

}
    
    
.footer-copyright {
    
text-align: center;

}
    

    
.slider-hide {
    
    display: inline;
    
}    
        
 
}
    

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    

nav {


font-size: 1.4em !important; 
   
}  
    
.navbar {
   
    padding-right: 40px;
    
}    
    
    h1.title {
		
	font-size: 4em;
    text-align: left;
       
}  
    
        
    
    
 .footer-logos {
    
text-align: right;
    
}
    
.footer-nav {
    
text-align: left;

}
    
.homepage-hero-title {
	
text-align: left;

}    
       
}
    
    
/* Extra large devices (X large desktops, 1400px and up) */
@media (min-width: 1400px) {  
    
    h1.title {
		
	font-size: 4em;
    text-align: left;
       
}  
    

nav {


font-size: 1.7em !important; 
   
}  
    
    }
       
 

    
    
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::