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

#impress {
    background-image: url("../images/bg23.jpg");
    height: 60vh;
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
    padding: 18vh 10vw;
}

#impress .content {
	padding-top: 10vh;
}

#impress2 {
    background-color: #120a1d;
    padding: 8vh 5vw 4vh;
    background-image: -webkit-linear-gradient(270deg,rgba(18,10,29,1.00) 0%,rgba(96,51,110,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(18,10,29,1.00) 0%,rgba(96,51,110,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(18,10,29,1.00) 0%,rgba(96,51,110,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(18,10,29,1.00) 0%,rgba(96,51,110,1.00) 100%);
}

#impress2 .content {
		display: flex;
		align-content:  center;
}
#impress2 img.collage {
	width: 42%;
	margin-right: 6%;
}
#impress2 h1 {
    font-family: 'Quicksand', sans-serif;
    font-size: 4vw;
    line-height: 1em;
    font-weight: 500;
}
#impress h5 {
    font-family: 'Quicksand', sans-serif;
    font-size: 5vw;
    line-height: 1em;
    font-weight: 500;
    text-shadow: 2px 2px 4px #000;
}

#impress p, #impress2 p {
    font-family: 'Quicksand', sans-serif;
    font-size: 2.5vw;
    line-height: 1.2em;
    font-weight: 400;
    /* [disabled]text-shadow: 2px 2px 4px #000; */
}
#impress p {
    font-size: 2.5vw;
    line-height: 1.2em;
    color: #FFFFFF;
	width: 58%;
}

#impress2 p {
    font-size: 1.6vw;
    line-height: 1.3em;
    color: #CCC;
}
#impress2 p a, #impress2 p strong {
	color: #FFF;font-weight: 500;
}
#impress2 p a:hover {
	color: #9C5DB6;
}
#impress .crclogo {
    width: 40vw;
	margin: 30px 20px;
}
#impress a.button {
		margin:15px 20px;
	}	
#impress a.button:hover {
		color:#CDDD02;
		opacity: 1;
	}	



@media screen and (max-width: 800px) {

#impress {
    background-position: 20% bottom;
	}	
	
#impress .content {
	padding-top: 15vw;
	padding-bottom: 15vw;
	
}
#impress2 {
	text-align:center; 
	}
#impress2 .content {
	display: block;
	}	
#impress2 img.collage {
	width: 70%;
	margin: auto;
}	
#impress2 h1 {
    font-size: 8vw;
}
#impress h5 {
    font-size: 7vw;
}

#impress p {
    font-size: 3.5vw;
	width: auto;
}
#impress2 p {
    font-size: 3vw;
	text-align: center;
}
#impress a.button {
		margin:35px auto;
	}	
#impress .crclogo {
    width: 60vw;
	margin: 30px 20px;
	}	
}

@media screen and (max-width: 600px) {

#impress {
	text-align: center;
    padding: 15vh 5vw;
}	
#impress h5 {
    font-size: 12vw;
	margin-bottom: 40px;
}	
#impress p {
    font-size: 5vw;

}
#impress .crclogo {
    width: 80vw;
	margin: 30px auto;
}	
#impress2 p {
    font-size: 5vw;
}
#impress a.button {
		margin:15px auto;
	}	
}