body{
  font-family:'Cabin', arial, sans-serif;
  font-size: 16px;
  color:#777
}

h1{
  margin-top:20px;
  margin-bottom:30px;
  font-weight: bold;
}

h1, h2{
  color:#E61A2E;
  font-size:32px;
}

.text-red, .text-red a{
  color:#E61A2E;
  font-size:22px;
  font-weight: bold;
  text-align: center;
}

.rowlogo img{
  max-width:100%;
}

.colonnadx img{
  max-width:100%;
  margin-bottom:30px;

}

.myButton {
	background-color:#E61A2E;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
  font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
  margin-top:0px;
    box-shadow: 1px 1px #666;
}
.myButton:hover {
	background-color:#ffffff;
  color:#E61A2E;
  text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton a:hover{
  text-transform:none;
}

.gradient{
  background-image: -moz-linear-gradient(top, #ffffff, #666666); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #666666)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#666666'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#666666')"; /* IE8 */
  display:table-cell;
  vertical-align: middle;
}

.rowgradient{
  width:100%;
  padding:0;
  margin:0;
  height:150px;
}


ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom:30px;
}

li {
  padding-left: 1em;
  text-indent: -.7em;
}

li::before {
  content: "• ";
  color: red; /* or whatever color you prefer */
  font-size:16px
}

.collogo{
  background-image: url('../img/header.jpg');
  height:200px;

}

.collogo img{
  display:inline-block;
  margin-top:50px;
  max-width:100%;

}

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

  .colonnadx img{
    margin-top:120px;
    margin-bottom:0px;
  }
}