/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.master-slider { color:white; max-width:100%; }
.ms-info { background-color: rgba(0,0,0,0.3); padding:0; margin:0; }
.ms-info a { padding:0.5em 1em; text-transform:uppercase; font-weight:600; text-align:center; color:black; background: white; }
.ms-info a:hover { opacity:0.7; text-decoration:none; }
.ms-info h2 { font-variant:small-caps; padding: 0; margin:0; color:#e1e1e1;}
.ms-info h4 { padding: 0; margin:0; font-weight:400 !important; color:#e1e1e1; }

@media only screen and (max-width: 500px) {
	.ms-info { margin:0 5%; padding:1% 0 5% 0; text-align:center; }
   	.ms-info h2 { font-size:1.7em; text-align:center !important; }
    .ms-info h4 { font-size:1.1em; text-align:center !important; margin-bottom: 20px !important;}
 	.ms-info p { display:none; line-height:0; }
}
@media only screen and (min-width: 501px) {
	.ms-info { margin:0 5%; padding:1% 2% 4% 2%; position:relative; }
	.ms-info p { font-size:1.3em; line-height:1.1em; padding-bottom:10px !important; }
	.ms-info a { position:absolute; right:2%; bottom:3%; font-size: .9em; line-height:1em; }
	.ms-info h2 { font-size:2.5em; line-height:1.2em; }
	.ms-info h4 { font-size:1.5em; line-height:1em; margin-bottom:10px !important; }
}​