p, h1, h2, h3, h4, ul, li {
	font-family: Montserrat, Arial, sans-serif;
	color: #333;
}

.header {
	background-color: #e5e5e5;
	height: 100px;
}

.miadrialogo {
	float: left;
	margin-top: 30px;
}

.awslogo {
	float: right;
	margin-top: 45px;
}

.banner {
	background-color: #f5901c;
	padding-top: 20px;
	padding-bottom: 10px;
}

.banner h1, p {
	font-family: Montserrat, Arial, sans-serif;
	color: #fff;
}

.banner h1 {
	font-size: 30px;
}

.awsomeguy {
	float: left;
	margin-right: 50px;
	width: 193px;
	height: 166px;
	margin-bottom: 20px;
}


.zgoutline {
	float: right;
	margin-left: 20px;
	width: 235px;
	height: 170px;
}

.content {
	padding-top: 10px;
	padding-bottom: 30px;
}

.content h2 {
	font-family: Montserrat, Arial, sans-serif;
	color: #333;
	padding-top: 20px;
	padding-bottom: 20px;
}

.content p {
	color: #333;
}

.zgback {
	background: url("zg_back.jpg") no-repeat  center; 
	padding-top: 30px;
	padding-bottom: 30px;
}

.zgback-inner {

}

.zgback ul, li {
	font-family: Montserrat, Arial, sans-serif;
	color: #fff;
}

.zgback h3 {
	font-family: Montserrat, Arial, sans-serif;
	color: #fff;
}

.zgback ul {
	padding-left: 30px;
}

.speakers h2 {
	font-family: Montserrat, Arial, sans-serif;
	color: #333;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}

.speakers p {
	color: #333;
	font-size: 12px;
	margin-top: 10px;
}

.speakerstext {
	font-family: Montserrat, Arial, sans-serif;
	color: #333;
	font-size: 12px;
	margin-top: 10px;
}

.speakername {
	margin-top: 10px;
    margin-bottom: 5px;
}

.speakers a {
	color:#333;
}

.speakers img {
	margin-right: 15px; 
	float:left;
}

.agenda h2 {
	font-family: Montserrat, Arial, sans-serif;
	color: #333;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}

.agenda p {
	color: #333;
}

.agenda ul {
	clear:both;
}

.agenda li {
	color: #333;
}

.agenda-row {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}

.agendatime  {
	padding-left:0px !important;
	padding-right: 5px !important;
}

.agendatext {
	padding-left:0px !important;
}

.technical p {
	color: #ff8200;
}

.business p {
	color: green;
}

.technical li {
	color: #ff8200;
}

.business li {
	color: green;
}

.technical-back {
	color: #fff;
	background-color: #ff8200;
}

.business-back {
	color: #fff;
	background-color: green;
}


.footer {
	padding-top: 20px;
	padding-bottom: 40px;
}

#footer {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4d4d4d, #1a1a1a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4d4d4d, #1a1a1a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4d4d4d, #1a1a1a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4d4d4d, #1a1a1a); /* Standard syntax */
}

.inner-footer {
	padding-top: 30px;
}

.inner-footer p {
	color: #fff;
}

.inner-footer h4 {
	font-family: Montserrat, Arial, sans-serif;
	color:#ff8200;
}

.footerlogos {
	padding-top:20px;
}

.zgoutlinefooter {
	float: right;
	margin-left: 40px;
	opacity: 0.2;
}

.miadrialogowhite {
}

.awslogowhite {
	margin-left: 30px;
}


/* MODAL FORM STYLES */

.control-group.error input {
  border: 1px dotted red;
  background: #ff8080;
}

.control-group.error textarea {
  border: 1px dotted red;
  color: #ff8080;
}

.control-group.error label {
  color: #fff;
}

.control-group.error label {
  background-color: #ff8080;
}


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

.awsomeguy {
	float: left;
	margin-right: 20px;
	width: 40% !important;
	height: 40% !important;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.awslogo {
	float: none;
}

.zgoutline {
	float: right;
	margin-left: 20px;
	padding-bottom: 20px;
	width: 40% !important;
	height: 40% !important;
	padding-bottom: 20px;
}

.zgoutlinefooter {
	float: right;
	margin-left: 40px;
	opacity: 0.2;
	width: 30% !important;
	height: 30% !important;
}

.bannertext {
	float: left;
}

.footerlogos {
	float: left;
}

.inner-footer p {
	float: initial;
	padding-top:20px;
	margin-bottom: 2px;
}

.banner h1, p {
	float: left;
}

}