@media screen and (max-width:450px) {
    
    body {
        background-image:none;
        background-color:#fff;
    }
    
    #logo {
    	position: fixed;
    	background:#fff;
    	top: 0;
    	left: 0;
    	width: 100%;
    	max-width: none;
    	height: auto;
    	z-index:1000;
    	box-shadow: 0px 4px 25px #0003;
        height: 100px;
    }

    #logo img {
    	width: 200px;
	    height: auto;
	    margin: 5px 0 0 5px;
    }
    
    #slogan {
        position: absolute;
        text-align: center;
        width: 200px;
        font-size: .8em;
        color:#666;
        margin: 0 0 0 5px;
    }
    
    #slogan span {
  color: #000;
}
    
    #ctas {
        position: absolute;
        top: 5px;
        right: 20px;
        max-width: calc(100vw - 220px);
        margin-top: 0;
    }
    
    .cta {
        font-size: .6em;
        margin: 5px auto;
        width: 100%;
        position: relative;
        padding: 5px;
        text-align: center;
        display: block;
    }
    
    .container {
        position: absolute;
        width: unset;
        right: unset;
        top: 150px;
        height: unset;
        text-align: left;
        padding: 0;
        background: unset;
        background-color: #fff;
        overflow-y: unset;
        color: #444;
    }
    
    .title {
        color: #000;
        font-size: 2rem;
    }

    h2, h2.subtitle {
        font-size: 1rem;
        line-height: 2;
        letter-spacing: 0.15em;
        color: #69c;
    }

    h3, h3.subtitle {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0;
        text-transform: none;
        color: #369;
    }

.inner-container {
  padding: 10px;
}
    
    p, ul, li, ul li {
  font-family: var(--secondary-font);
  text-align: left;
}

a {
  color: #369;
}
    
a:hover {
  color: #036;
}

    
}