@charset "utf-8";
/* CSS Document */

#headImg {
	width: 910px;
	height: 100%;
	position: absolute;
	right: 0px;
	padding: 0px;
	background-image: url("../images/DribbbleDesSys.svg");
	background-repeat: no-repeat;
	background-size: cover;
}

.title {
	height:150px;
}

.subtitle {
	width:100%;
	font-family: 'ccshannonwheeler regular';
	font-size: 16pt;
	color: #28DAAD;
	margin: 0;
		padding: 8px 0px;
	background-color: #263E5F;
}


@media (max-width: 1087px) {

	#headImg{
		width: 665px;
	}
	
	.title {
		height:120px;
	}
	
	.subtitle {
		font-size: 14pt;
	}

}


@media (max-width: 780px) {

    #headImg{
        width: 382px;
        background-position: center;
    }

    .title {
        height:75px;
    }

    .subtitle {
        font-size: 12pt;
    }
	
}
	
	
@media (max-width: 480px) {

    #headImg{
        width: 244px;
        background-position: center;
    }

    .title {
        height:52px;
    }

    .subtitle {
		width: 244px;
        font-size: 10pt;
    }	

}