@media screen and (max-width : 600px) {
	.col {
		flex-basis: 100%;
	}
	.card {
		width:95%;
    }
    .banner {
        font-size: 2em;
    }
    .btn-tryout-top, .btn-tryout  {
        width:90% !important;
        font-size: 1em !important;
        position:static;
    }
    .btn-tryout-top {
        top: -51px;
    }
    .how-it-works {
        font-size:1.6rem !important;
    }
    .steptitle {
        font-size: 1em !important;
        margin-left:1rem;
    }
    
    .step {
        margin-left: 10px !important;
    }
    .example {
        margin-left: 10px !important;
    }
    .ad-card {
        width: 100%;
        padding: 1em;
        background-color: white;
        text-align: left !important;
        margin: 0px;
    }   
    #logo-wrapper { width:50% !important;}
    .logo-image {
        width: 100% !important;
        float:left !important;
    }

    #logo-image {
        width: 100% !important;
        height:auto !important;
    }

    .top-banner {        
        height: 200px !important;
        text-align:center !important;
    }
    .menu-links {
        width: 75%;
        padding: 12px;
        padding-left: 42px;
        top: 60px;
        z-index: 99999;
        right: 15px;
    }


    .menu .links a {
        color: dimgray;
        font-size: .7rem;
    }

    .menu .links {
        display: flex;
        justify-content: center;
    }

    .wrapper #login {
        width:100%;
        margin-top: 5px;
    }

    .wrapper #login input[type="text"], .wrapper #login input[type="password"] {
        width:100%;
        font-size:1em;
    }

    #login #btn-signup, #login #btn-login {
        font-size:1.25em;
    }
    #login h3 {
        font-size: 1.5em;
    }
    .sorry-no-subscription{
        width:100%;
        font-size:1em;
    }
    .subscription-types {
        width: 92%;
        padding:0px;
        margin-left: 0px;
    }
    .subscription-type {
        width:100%;
        padding: 24px;
    }
    .public-event {
        width: 100%;
        margin-left: -2px;
    }
    #payment-form {
        width: 100%;
        height: auto;
    }

    .add-button a {
        font-size: 28pt;
        height: 71px;
        width: 300px;
        padding: 0px;
        position: relative;
    }
    #tagcloud, #tagcloud a {
        width:100%;
    }
    #page-title {
        font-size:1.2rem;
    }
    #trial-time {
        font-size:10pt;
    }
    .container-full  {
        padding:6px;
        padding-left:0px;
    }
    .card {
        width:94%;
    }
    .eventname { 
        font-size:12pt;
    }
    .eventdata  {
        font-size:12pt;
    }
    .eventdata label {
        font-size:14pt;
    }
    .add-button {       
        padding: 10px;      
    }
    .add-button a {
        font-size:16pt;
        height: 42px !important;
        width:50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 20%;
    }
    .btn-delete, .btn-edit, .btn-convert {
        font-size:16pt;
        text-align:center;
    }
    .container-add-event .form-group * {
        font-size: 15pt;
    }
    .container-add-event .form-group textarea {
        height:100px;
        margin-top:-30px;
    }
    .container-add-event .card {
        margin:2px;
        width:100%;
        padding-top: 36px;
    }
    .container-add-event label {
        top: -18px;
    }
    a.btn-close-event {
        width: 44px !important;     
    }

    .event-attribute {
        width: 95%;
        margin: auto;
    }
    #menu {
        height: 80px !important;
    }
    .header-progress-area {
        height:auto;
    }
    .btn-menu {
        position:absolute;
        top: 34px;
        right: 12px;
        width:50px;
    }
    h1 {
        font-size: 1.75em;
    }
    textarea.form-control, input[type=text] {
        height: 125px;
        font-size: 1.15em;
        border:1px solid dimgray;
    }
    .event-attribute label {
        font-size: 1.2em;
        color: var(--secondary_color);
        border-bottom:1px solid dimgray;
        padding:10px;
        padding-left:0px;
        padding-bottom:1px;
        width:100%;

    }
    #btn-done-edit-event {
        font-size:14pt;
    }
    #publicly_visible {
        position: relative;
        top: 5px;
        z-index: 99999;
    }
    .subscription-selected-indicator-visible {
        padding: 4px;
        border-radius: 6px;
        font-size: 12pt;
    }
    .btn-tryout .btn-tryout-top {
        width: 300px;
        font-size: 16pt;
    }

	#main-hook-text  {
		font-size: 2rem;
	}
	.home-banner {
		height: 400px;
	}
	.home-issues div {
		font-size: 1rem !important;
	}
	.banner .banner-comparison {
		width:100%;
	}
	.left-comparison-item,
	.right-comparison-item {
		font-size:.7rem !important;
	}
	.personal-story {
		font-size: 1rem;
	}
	.index-features-list p {
		font-size: .7rem;
	}
	.index-features-list h3 {
		font-size: 1rem;
	}
	.index-features-list {
		width: 100%;
		margin: auto;
	}
	.content2,
	.content3 {
		font-size: .8rem;
		width:100%;
	}
	.content3{	 
		font-size: 1.2rem;
	}
	.footer-distributed {
		font-size: .8rem !important;
	}
    #logo-wrapper a {
        font-size: 1.2rem !important;
    }
    .logo-emoji {
        font-size: .75rem;
    }
    #logo-wrapper {
        margin:auto;
        float:none;
    }

    #login, #signup-form, .sign-up-success-box, #contact-us-form {
        padding: 10px;              
        width: 100%;     
    }

    .question-text {
        font-weight:bold;
        border-bottom:1px solid cadetblue;
    }
    .answer-text {
        font-size:.9rem;
    }   

    .pricing-container {
        width: 100%;
        padding: 0px;
    }
     .subscription-type{        
        padding: 2rem;
        margin-bottom:2rem;
     }
    .subscription-type .row .monthly, .subscription-type .row .annual {
        font-size: 1rem;  
    }
    #tblAllEvents {
        width: 100%;
    }
    #tblAllEvents_wrapper th{
        font-size: .8rem;
    }

    #tblAllEvents th:first-child,
    #tblAllEvents td:first-child {
        width: 100px;
    }
    .event-grid-desktop-only {
        display:none;
    }
    .logo-bottom {
        font-size: 1.7rem;
        margin-bottom:14px;
        display:inline-block;
    }
    .container-quiz {
        width:100%;
    }
    #quizholder h3 {
        font-size: 1.15rem;
    }
    .answerlabel {
        font-size: .7rem;
        width: 86%;
        display: inline-block;
        margin: 0px;
        margin-left: 4%;
        position: relative;
        top: -8px;
        height: 25px;
    }    
    .answer {
        font-size: .8rem;
    }
    input[type=checkbox], input[type=radio] {
        width: 22px;
        height: 22px;
        border-radius: 12px;
    }
    #result {        
        width: 350px;
        margin-left: -175px;
        padding: 16px;
    }
    #result .btn-primary, #result a {
        font-size:1rem;
    }
    #yourscore, #resulttext {
        font-size: 1.25rem;
    }
    .banner-2 .index-banner-title,
    .banner-3 .index-banner-title,
    .banner-4 .index-banner-title,
    .banner-5 .index-banner-title,
    .banner-6 .index-banner-title {
        font-size: 1.5rem;
        width:100%;
        padding-bottom:10px;
    }

    .footer-location-info {
        font-size: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .footer-location-info .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .footer-location-info .row .col-1,
    .footer-location-info .row .col-10 {
        display: flex;
        justify-content: center;
    }
}