@media screen and (min-width: 380px) {
    input[type="text"] {
	font-size: medium;
    }

    .select-wrapper input.select-dropdown {
	font-size: medium;
    }

    .dropdown-content li>span {
	font-size: medium;
    }

    .ui-autocomplete {
	font-size: medium;
    }
}

@media screen and (min-width: 320px) and (max-width: 380px) {
    input[type="text"] {
	font-size: small;
    }

    .select-wrapper input.select-dropdown {
	font-size: small;
    }

    .dropdown-content li>span {
	font-size: small;
    }

    .ui-autocomplete {
	font-size: small;
    }
}

@media screen and (max-width: 320px) {
    input[type="text"] {
	font-size: x-small;
    }

    .select-wrapper input.select-dropdown {
	font-size: x-small;
    }

    .dropdown-content li>span {
	font-size: x-small;
    }

    .ui-autocomplete {
	font-size: x-small;
    }
}

@media screen and (min-width: 360px) and (max-width: 600px) {
    div {
	font-size: small;
    }

    .smaller-text {
	font-size: x-small;
    }
}

@media screen and (max-width: 360px) {
    div {
	font-size: x-small;
    }

    .smaller-text {
	font-size: xx-small;
    }
}


@media screen and (min-width: 750px) {
    .dynamic-title {
	padding: 10px;
	font-size: 150%;
    }
}

@media screen and (min-width: 400px) and (max-width: 750px) {
    .dynamic-title {
	padding: 8px;
	font-ize: 120%;
    }
}

@media screen and (max-width: 400px) {
    .dynamic-title {
	padding: 5px;
	font-size: 94%;
    }

    .collection .collection-item{
	padding: 5px 10px;
    }
}