@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Medium.eot');
    src: url('../fonts/Mitr-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mitr-Medium.woff') format('woff'),
        url('../fonts/Mitr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Light.eot');
    src: url('../fonts/Mitr-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mitr-Light.woff') format('woff'),
        url('../fonts/Mitr-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-SemiBold.eot');
    src: url('../fonts/Mitr-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mitr-SemiBold.woff') format('woff'),
        url('../fonts/Mitr-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

* {
	padding:0px;
	margin:0px;
}

body, html {
    height: 100%;
    font-weight:normal;
    font-family: 'Mitr';
    font-weight:300;
}

.head {
	margin-top:20px;
}

.head .logo {
	float:left;
	max-width:60%;
}

.head ul {
	float:left;
	margin-left:25px;
	list-style:none;
}

.head ul li {
	float:left;
	margin:0px 10px;
	line-height:78px;
	max-width:40%;
}

/*.image-container {
	margin-top:0px;
    height: 700px;
    width:100%;
    position: relative;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/background.jpg);
}*/

.blue {
	color:#009fe3;
	font-weight:400;
}

.btn {
	color:#fff;
	padding:10px 45px;
	background-color:#2e2057;
}

.btn:focus {
	color:#fff;
}

.btn:hover {
	color:#fff;
	-webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    -o-transition: background 0.6s;
    transition: background 0.6s;
	background-color:#009fe3;;
}

@media only screen and (max-width: 2600px) and (min-width: 2001px)  {
	.image-container {
		margin-top:0px;
	    height: 850px;
	    width:100%;
	    position: relative;
	    background-size:cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-image: url(../images/background.jpg);
	}


}


@media only screen and (max-width: 2000px) and (min-width: 916px)  {
	.image-container {
		margin-top:0px;
	    height: 700px;
	    width:100%;
	    position: relative;
	    background-size:cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-image: url(../images/background.jpg);
	}
}



@media only screen and (max-width: 684px) and (min-width: 540px)  {
	.image-container {
	    width:100%;
	    height:620px;
	    position: relative;
	    background-size:cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-image: url(../images/background-small.jpg);
	}
}

@media only screen and (max-width: 539px) and (min-width: 320px)  {
	.image-container {
	    width:100%;
	    height:400px;
	    position: relative;
	    background-size:cover;
	    background-position: -20px center;
	    background-repeat: no-repeat;
	    background-image: url(../images/background-small.jpg);
	}

	.head ul {
		margin-left:10px;
	}
	
	.head ul li {
		line-height:35px;
	}

	.head ul li img {
		max-width:40px;
	}

}


@media only screen and (max-width: 915px) and (min-width: 685px)  {
	.image-container {
		margin-top:0px;
	    height: 700px;
	    width:100%;
	    position: relative;
	    background-size:cover;
	    background-position: -455px center;
	    background-repeat: no-repeat;
	    background-image: url(../images/background.jpg);
	}
}