body {
	background: rgb(63,94,251);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
	font-family: 'Open Sans', sans-serif;
	color: paleturquoise;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	
		display:flex; flex-direction:column; justify-content:center;
		min-height:100vh;

	
}
p {
	color: black;
	background-color: orange;
	text-decoration: none;
}

img {
	border-radius: 45%;

  }
  @viewport {
	width: device-width ;
	zoom: 1.0 ;
  }
  @-ms-viewport {
	width: device-width ;
  }
 
  /* code that is here, until the first @media block, will apply to any screen size */
#somethingorother {
	width: 800px ;
  }
  
  @media screen and (max-width: 320px) {
	/* comes into effect for screens less than or equal to 320 pixels */
	#somethingorother {
	  width: 120px ;
	}
  }
  @media screen and (min-width: 321px) and (max-width: 480px) {
	/* comes into effect for screens between 321 and 480 pixels (inclusive) */
	#somethingorother {
	  width: 320px ;
	}
  }
  @media screen and (min-width: 481px) {
	/* comes into effect for screens larger than or equal to 481 pixels */
	#somethingorother {
	  width: 480px ;
	}
  }


.header {
	background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);

	padding: 7px 3px;
	
}


.goal-summary .backers, .goal-summary .funded, .goal-summary .time-left, .goal-summary .reminder {
	margin: 20px 20px 15px 5px;
	padding-right: 25px;
	display: inline-block;
	
}

.goal-summary .backers h3, .goal-summary .funded h3, .goal-summary .time-left h3 {
	background-color:rgb(243, 16, 16);
	
}
.goal-summary .backers h3, .goal-summary .funded h3, .goal-summary .time-left h3 :hover{
	color: rgb(236, 22, 6);
}




/*-Section Blocks-*/
.section-block {
	background-color: orange;
	border-radius:4px;
	padding: 5px;
	margin-bottom:5px;
	color:  rgb(3, 5, 5);
	color: radial-gradient(circle, rgba(63,251,243,1) 0%, rgba(70,104,252,1) 38%);
}

.section-block.summary {
    background-color: rgb(219, 26, 171);
}
.section-block.summary h1 {
    background: rgb(63,251,243);
background: radial-gradient(circle, rgba(63,251,243,1) 0%, rgba(70,104,252,1) 38%);
	display:block;
	text-align:center;
	color: red;
}
.section-title {
	color: rgb(12, 27, 236);
	border-radius: 0px;
	display: table;
	 
	font-size: 25px;
	font-weight:600;
}

/*-Main Content-*/


/*-Profile Summary-*/
.profile-contents {
	margin: 0 auto;
    text-align: center;
}
.profile-contents h2 {
	color:#FFF;
	font-size: 16px;
	line-height: 1.5;
	font-weight:300;
	margin-top: 5px;
	margin-bottom: 10px;
}
.profile-image {
	border-radius:50%;
	max-height: 180px;
	margin-bottom:10px;
}
.profile-contents ul li {
	padding:0;
	margin:5px;
}
.profile-contents ul li a {
	background-color: rgb(243, 11, 11);
	color: #FFF;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.profile-contents ul li a i.fa {
	font-size: 20px;
	margin-top: 10px;
}
.profile-contents ul li a:hover {
	background-color:rgb(17, 55, 226);
}

/*-Funding Meta-*/
.funding-meta {}
.funding-meta h1 {
	background: rgb(235, 10, 10);
	color: #fff;
	border-radius: 10px;
	padding: 5px;
	font-size: 25px;
	font-weight:700;
}

.video-frame {
	padding-bottom: 3%; /* 16:9 */
	padding-top: 20px;
	
	display:block;
}


.btn.btn-contact {
	background-color: rgb(240, 6, 6);
	color: #fff;
	font-weight:700;
	
}
.btn.btn-contact:hover, .btn.btn-contact:focus {
	
	color: orangered;
	background: rgb(63,251,243);
background: radial-gradient(circle, rgb(15, 219, 209) 0%, rgba(70,104,252,1) 38%);
	text-decoration: none;
}
.btn.btn-contact i.fa {
	margin-right:10px;

} 

/* Media Queries: Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}
img { max-width: 100%; height: auto; }
@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

@media (min-device-width:800px) {
    img[data-src-800px] {
        content: attr(data-src-800px, url);
    }
}
@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width:960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} } 
html { font-size:100%; }