dangayle

$mid:#66CCFF;

@mixin colors($mid){
    $lightest:lighten($mid, 50%);
    $lighter:lighten($mid, 29%);
    $light:lighten($mid, 25%);
    $midder:darken($mid, 25%);
    $dark:darken($mid, 40%);
    $darkest:darken($mid, 60%);
    $select:complement($dark);

dangayle

$mid:#66CCFF;
$dark:darken($mid, 40%);

a{
	color:$mid;
	&:hover{color:dark;}
}

@media only screen and (max-width: 767px) {
	$mid:#22CCFF;