/*  Style sheet for lilythemonster.com
    Version: 1.0
    Date: 20 September 2020
    Author: D
    Purpose: mobile formatting
    Copyright 2020 "lilythemonster.com"

*/
/*@media only screen and (min-width: 50px) and (max-width: 800px) //Works on Desktop */
/*@media only screen and (max-device-width:800px), 
only screen and (-webkit-min-device-pixel-ratio: 2.4)*/
/*Below works on Chrome and Edge*/
@media only screen and (max-width:800px), 
only screen and (-webkit-min-device-pixel-ratio: 2.4)

{
    /* CSS */


    /* HTML Element styles*/
    body {
        width: 98%;
    }

    h1 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.1em;
    }

    /* Specific Element styles*/
    

    /* Class styles*/

    .mobile-only {
        display: block;
    }
    .no-mobile {
        display: none;
    }
    .tablet-only {
        display: none;
    }
    
    /*******************/
	/*    Footer       */
	/*******************/


	.footer-legal {
		flex: 1 1 100%;
	}
	
	.footer-center, .footer-contact {
		display:none;
	}
	.footer-legal a, .footer-legal span {
		font-size:1.1em;
	}
	
/************/
/* Top Menu */
/************/
/* List of menu in one row for menus using unordered lists and flex box */
/* example = https://www.cdc.gov/coronavirus/2019-ncov/your-health/index.html */


.contain-topmenu-flex > nav > ul {
	flex-direction: column; 
}

.contain-flex-container {
	display: flex;
	margin: 10px;
	flex-direction: column;
}
.contain-flex-row {
	display: flex;
	flex-direction: column;  /* multiple containers horizontally left to right */
    margin: auto;
    box-sizing: border-box;
}
.test-label {
    /*background-color: orange;*/
}
.contain-flex-33 {
	justify-content: center;
	flex: 0 0 100%;
	margin: auto;
	max-width: 100%;
	padding: 0 15px 0 15px;	
}
.footer {
	min-height: 80px;
    display: flex;
    flex-direction: column;
    margin-top: 100px;
}
        
}