/* CSS Document */

@font-face {
    font-family: 'alegreya_sansthin';
    src: url('../font/AlegreyaSans-Thin-webfont.eot');
    src: url('../font/AlegreyaSans-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AlegreyaSans-Thin-webfont.woff') format('woff'),
         url('../font/AlegreyaSans-Thin-webfont.ttf') format('truetype'),
         url('../font/AlegreyaSans-Thin-webfont.svg#alegreya_sansthin') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'alegreya_sansregular';
    src: url('../font/AlegreyaSans-Regular-webfont.eot');
    src: url('../font/AlegreyaSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AlegreyaSans-Regular-webfont.woff') format('woff'),
         url('../font/AlegreyaSans-Regular-webfont.ttf') format('truetype'),
         url('../font/AlegreyaSans-Regular-webfont.svg#alegreya_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'alegreya_sansmedium';
    src: url('../font/AlegreyaSans-Medium-webfont.eot');
    src: url('../font/AlegreyaSans-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AlegreyaSans-Medium-webfont.woff') format('woff'),
         url('../font/AlegreyaSans-Medium-webfont.ttf') format('truetype'),
         url('../font/AlegreyaSans-Medium-webfont.svg#alegreya_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	margin:0;
	padding:0;
	font-size:18px;	
	font-family: 'alegreya_sansregular', sans-serif;
	color:#1d1d1d;
	line-height: 1.5em;
}

.backimg{
	transition: all .5s ease-in-out;
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #7d4189;
	background-blend-mode: screen;
	background-attachment: fixed;
	border-left: 20px solid #f08f23;
}

@media screen and (max-width: 769px){
	.backimg{
		height: 30vh;
		background-blend-mode: screen;
		border-bottom: 20px solid #f08f23;
		border-left: 0;
		background-size: 100%;
	}
		
}
	
/*Textstyles*/

@media screen and (min-width: 1024px){
	.p-5{
		padding: 5% !important;
	}

}

@media screen and (min-width: 1500px){

	.stopper{
		max-width: 900px;
	}

	.backimg{
		background-size: cover;
	}

}


.btn{
	background-color: #f08f23;
	color: #fff;
	border: none;
	transition: all .3s ease-in-out;
}

.btn:hover{
	background-color: #7d4189;
	color: #fff;
	border: none;
}

.btn:focus{
	background-color: #7d4189;
	color: #fff;
	border: none;
	box-shadow: none;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'alegreya_sansmedium';
	color: #7d4189;
}

a{ 
	font-family: 'alegreya_sansmedium';
	color:#7d4189;
	transition: all .3s ease-in-out;
}

a:hover{
	color: #f08f23;
}


b, strong{
	font-family: 'alegreya_sansmedium';
	font-weight: normal;
    font-style: normal;
	}

hr {
	border:0;
	height:2px;
	background-color:#f08f23;
}