body {
	background-color: white;
}


footer {
	background-color:#00CFFF;
	color:white;
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
}

h1 {text-align: center;}


.title1 {
	font-size: 80px;
	line-height: 100%;
}

.subtitle1 {
	color: #00CFFF;
	font-size: 30px;
	font-family: helvetica;
}

.pagetitle{
	font-size: 60px;
	text-align: center;
}

.producttitle{
	color: #00CFFF;
	font-size: 60px;
	text-align: center;
}

.productdesc{
	font-size: 30px;
	text-align: center;
	font-family: helvetica;
}

.singleproducttitle{
	color: #00CFFF;
	font-size: 60px;
	text-align: left;
}

.singleproductdesc{
	font-size: 30px;
	text-align: left;
	font-family: helvetica;
}

.card dl:after {
	content:'';
	display:table;
	clear:both;
}

.card dt {
	font-weight:bold;
	width:10em;
	text-align:right;
	padding-right:1em;
	float:left;
	clear:left;
}

.card dd {
	float:left;
	margin:0;
}



img {
	max-width:90%;
}




.btn {
	background-color:transparent;
	border:1px solid #ccc;
	font-size:inherit;
	font-family:inherit;
	vertical-align: baseline;
}
.btn-full {
	display:inline-block;
	width:100%;
}




@media (max-width:800px) {

	.card {
		margin-left:10px;
		margin-right:10px;
	}
}

@media (max-width:1000px) {
	

	h1+p {
		display:none;
	}

	/*.dual-box .flex-parent {
		display:block;
	}
	.dual-box .box {
		flex:none;
		width:100%;
	}*/
	.dual-box .flex-parent {
		flex-direction:column;
	}
	.dual-box .box {
		width:100%;
	}
	.dual-box.flipped .box:nth-child(1) {
		order:1;
	}
	.dual-box.flipped .box:nth-child(2) {
		order:2;
	}
	.dual-box .box .centered-child {
		position:relative;
	}

}

.description {
	font-family: helvetica;
	font-size: 25px;
	line-height: 35px;
	position: relative;
	text-align: left;
	padding-right: 100px;
	padding-left: 100px;
}

.centralize {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}


.toplogo img {
	max-width:250px;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
}

.bottomlogo img {
	max-width:120px;
}

.addtocart {
  border-radius: 3px;
  background-color: #00CFFF;
  width: 180px;
  height: 30px; 
  font-family: futura;
  color: white;
  font-size: 20px;
  text-align:center;
  position:relative;
  border: none;
}

.addtocart:hover {
  background-color: gray;
}

.producttitle a:hover {
    color: gray;
}

.center {
	margin: 0 auto;
}

* {
  box-sizing: border-box;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -10px;
}

.col-25 {
  -ms-flex: 30%; /* IE10 */
  flex: 30%;
}

.col-50 {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}

.col-75 {
  -ms-flex: 70%; /* IE10 */
  flex: 70%;
}

.col-25,
.col-50,
.col-75 {
  padding: 0 16px;
}

input[type=text] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

label {
  margin-bottom: 10px;
  display: block;
}

.icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}

.btn {
  background-color: green;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}

.btn2 {
  background-color: grey;
  color: white;
  padding: 5px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}

.btn:hover {
  background-color: darkgreen;
}

.btn2:hover {
  background-color: firebrick;
}

hr {
  border: 1px solid lightgrey;
}

span.price {
  float: right;

}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
@media (max-width: 800px) {
  .row {
    flex-direction: column-reverse;
  }
  .col-25 {
    margin-bottom: 20px;
  }
}

.styled-select {
   
   font-size: 18px;
   text-align: center;
   color: #00CFFF;
   height: 29px;
   overflow: hidden;
   width: 50px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.socialmedia {
   
   font-size: 24px;
   text-align: center;
   color: white;
   margin-top:16px;
   margin-bottom:16px;
}

.smicon {
   margin-left:16px;
}

.smicon: hover{
	color:red;
}

textarea {
  width: 100%;
  height: 85px;
  padding: 12px 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: none;
  font-size: 12px;
}