@media only screen and (max-width: 1024px) {
.contentintro{ width: 100%;}
.headingintro{ font-size:23pt;}
.subheadingintro{ font-size:18pt; margin-top: 20px;}
.buttons { padding-top: 10px;}
}

@media only screen and (max-width: 980px) {
.contentintro{ width: 95%;}
.logointro img{max-width:90%; height:auto; }
.headingintro{ font-size:22pt;}
.subheadingintro{ font-size:16pt; margin-top: 20px;}
.btn-option { margin-top: 20px;}
}

@media screen and (max-width:360px) {
.logointro img{max-width:90%; height:auto; }
.headingintro{ font-size:22pt;}
.subheadingintro{ font-size:16pt; margin-top: 20px;}
.buttons { padding-top: 10px;}
}

@media screen and (max-width:320px) {
.contentintro{ width: 92%;}
.logointro img{max-width:90%; height:auto; }
.headingintro{ font-size:22pt;}
.subheadingintro{ font-size:14pt;}	
}