body {
					font-family: open-sans, sans-serif;
					background-color: #F0DDDE;
					 }
		
		
		.container{		background-color: #FAFAFA;
						color: #707070;
						padding: 0px;
						margin:auto;
						min-width: 100%;
						}		

		.navbar{
				background-color: #E3C3CC;
				
		}
		
		
		.carousel-caption {
					background-color: rgba(70, 70, 70, 0.5);
					border-radius: 10px;
				
		}
		
		/*.carousel-caption a:link, a:visited, a:active {
					color: #fff;
		}
		
		.carousel-caption a:hover {
					color: #f9eae5; 
		}*/
		
		.introtext {
					text-align: center;
					padding: 50px 50px 0px 50px;
		}
		
		
		#footer {
				background-color: #E3C3CC;
				text-align:right; 
				padding: 10px;
				color: #fff;
				clear: both;
		}
		
		#footer p{
				font-size: 18px;
				color: #fff;
		}
		
		#copyright {
					margin-top: 10px;
		}

		
		#message {	
					padding: 0px 20px 0px 20px;
					float: right;
					color: #707070;
					font-size: 18px;
					background-image:url(../images/icons-logos/heart.png);
					background-repeat:no-repeat;
					background-size:20px;
					background-position:0px; 
		}
		
		.intro-video {
					text-align: center;
					background-color: #F7EBEC;	
					padding: 20px;
					}
					
		.intro-video video{
					width: 75%;
					border-radius: 10px;
					}
		
		#formdiv {	
					max-width: 40%;
					margin:auto;
					background-color:#e3c3cc;
					padding: 20px;
					border-radius: 25px;
					float: left;
					margin-bottom: 30px;
		}
		
		.bunny {	
					margin: auto;
					text-align: center;
					max-width: 150%;
					}
				
		.bunny img {
					border-radius: 25px;
		}
		
		#thankyoudiv {
					text-align:center;
					margin-top: 50px; 
					margin-bottom: 100px;
					font-size: 150%;
					
		}
		
		#thankyoudiv h2{
					font-size: 150%;
		}
		
		#error {
					text-align:center;
					margin-top: 50px; 
					margin-bottom: 100px;
					font-size: 150%;
					
		}
		
		#error h2{
					font-size: 150%;
		}
		
		#error img {
					max-width: 50%;
		}
		
		#button {	
					color: pink;
					border: 1px solid grey;
					background-color: white;
					}
					
		.categories{
					max-width: 80%;
					margin: auto;
		}
		
		.categorycard{
					padding-top: 20px;
		}
		
		.carouselwebsites{ 
					margin:auto;
					text-align: center;
					}
					
		.carouselwebsites img{
					border-radius: 10px;
		}
		
		.cardskills {	
					background-color: #E3C3CC;
					padding: 40px;
					}
					
		.cardskills div{
					border-radius: 10px;
		}
					
		.otherdesigns {
					padding: 40px;
		}
		
		.cardexamples {
					padding: 40px;
		}
		
		.examplebtn {
					text-align: center;
					margin: auto;
					background-color: #b4929b; 
					border: #b4929b;

		}

		.carouselresume {
					max-width: 20%;
					
		}
		
		.carouselresume img {
						border-radius: 10px;
		}
		
		
		.experience {
						padding: 40px;
						background-color: #F7EBEC;
		}
		
		.education {
					background-color: #E3C3CC;
					padding: 40px;
		}
		
		.edu {
					background-color: #F7EBEC;
					border-radius: 10px;
					margin: auto;
					padding: 20px;
		}
		
		.edu p{
					color: #707070;
		}
		
		.thanksresume {
					padding: 40px;
					text-align: center;
					margin: auto;
		}
		
		.intro{
					background-color: #F7EBEC;
					padding: 30px;
					
		}
		
		.intro h2 {text-align: center;
					
		}
		
		.intro ul{
			 background-color: #E3C3CC;
			 border-radius: 10px;
		}
		
		.intro li{
					line-height: 200%;
					font-size: 20px;
		}
		
		.quoteillustrations {
					padding: 100px 30px 50px 80px;
		}
		
		.quoteillustrations h5 {
					font-size: 400%;
					text-align: left;
		}
		
		.quoteillustrations p {
					text-align: right;
					font-size: 200%;
					padding-top: 50px;
		}
		
		
		.carouselillustrations h2 {
					text-align: center;
		}
		
		.carouselillustrations img {
					border-radius: 10px;
		}
		
		.icons-logos {
					max-width: 80%;
					margin: auto;
		}

		/*---Syles below control my social media icons--*/
					
		.event{		
					float:right;
					text-align:center;
					padding:0 10px 0 0;
					}
		
		.event img{
					width: 67px;
					height: 50px;
					
		}
		
		.event p{	border-right: 1px solid #999;
					font-size:10px;
					}
					
		#content .event:last-child p{	border-right:none;	}


/*--My media breakpoints start here--*/

		/*--My mobile size here--*/
		@media (max-width:460px) {
									
									.introtext h5 {
												font-size: 200%;
									}
									
									.intro-video h2{
												font-size: 200%;
									}
									
									.carouselresume {
												max-width: 75%;
												margin: auto;
									}
									
									.summary {
												margin: auto;
									}
									
									.cardskills li{
												font-size: 125%;
									}
									
									.cardskills h5{
												font-size: 125%;
									}
									
									.cardskills h2{
												font-size: 125%;
									}
									

									
									#footer p{
													font-size:24px;
									}
									
									#formdiv{
												max-width: 85%;
									}
									
									/*#message {
												position: absolute;
												font-size: 20px;
												top: 10px;
												}
									}*/
									}
		
		/*--My tablet size here--*/
		@media (max-width:960px) and (min-width:461px) {
									
									.introtext h5 {
												font-size: 130%;
									}
									
									.intro-video h2{
												font-size: 130%;
									}
									
									.carouselresume {
												max-width: 100%;
												margin: auto;
									}
									
									.summary {
												margin: auto;
									}
									
									.cardskills li{
												font-size: 110%;
									}
									
									.cardskills h5{
												font-size: 110%;
									}
									
									.cardskills h2{
												font-size: 110%;
									}		
									
									
									#footer p{
													font-size:18px;
									}
									
									#formdiv{
												max-width: 90%;
									}
									
									/*#message {
												margin: 30px 5px 3px 24px;
												font-size: 20px;
												}*/
									
									}
									
	
		/*--My desktop size here--*/
		@media (max-width:1200px) and (min-width:961px) {
									
									
									
									#footer p{
													font-size:18px;
									}
									
									/*#message {		margin: 30px 0px 0px 0px;
													font-size:20px;
													}*/
									
									}