@charset "UTF-8";
/* CSS Document */

.terri {
	text-align: left;
	color:#333;
	font-size: 100px;
	font-weight:900;
	margin-bottom:10px;
		}
.about-terri{margin-top:0px; font-size: 40px;}
.about-terri-more{font-size: 25px;}
.centeringMe {
  display: flex;
  justify-content: center;
align-items: center;
    }
.about-terri-img{width: 100%; }

.flex-container-me {
  display: flex;
  flex-wrap: wrap;
/*  font-size: 30px;*/
  text-align: center;
}

.about-backgd {	
background-color:azure;

		}
.flex-item-left {
/*  background-color: rgba(98,153,167,.50);*/
  padding: 130px;
  flex: 60%;
	font-family:"Quicksand Bold", "Quicksand Light", "Quicksand Medium", "Quicksand Regular";
	text-align: left;
	color:#333;
	font-weight:lighter;
}
.flex-item-right {
/*  background-color: rgba(98,153,167,.30);*/
	background-color: rgba(255,255,255,.30);
  padding: 5px;
  flex: 40%;
}

.flex-software {
	display: flex;
	height: 200px;
	flex-wrap: wrap;
	 justify-content: center;
/*	align-content:flex-start;*/
	/* overflow: scroll;   */
	/* background-color: DodgerBlue; */
	}
	  
.flex-software > div {
	background-color:azure;
	width: 120px;
	margin: 10px;
	text-align: center;
	line-height: 20px;
	font-size: 15px;
	border-radius: 5px;
	border: #333 solid 1px;
	}
.social {
	display: flex;
  justify-content: center;
  margin-top: 10px;
	margin-bottom: 10px;
}
.social > div {
	background-color: #000;
	margin: 10px;
	text-align: center;
	line-height: 20px;
	font-size: 30px;
}
.sm-logo {height: 40px; width: 40px;}
footer {align-items: center;}

.schoolDegrees {
	display: flex;
  flex-wrap: nowrap;
justify-content: center;
}

.schoolDegrees > div {
width: 150px;
margin: 20px 10px 10px 10px;
align-items: center;
}

.schools {width:100px; border-radius:50%;}

 @media (min-width: 769px) and (max-width: 1279px) {
.terri {
          text-align: left;
          color: #333;
          font-size: 100px;
          font-weight: 900;
          margin-bottom: 10px;
        }
        .about-terri {
          margin-top: 0px;
          font-size: 30px;
        }
        .about-terri-more {
          font-size: 22px;
          line-height: 1.2em;
        }
	 .flex-item-left {
/*  background-color: rgba(98,153,167,.50);*/
  padding: 30px;
  flex: 50%;
	font-family:"Quicksand Bold", "Quicksand Light", "Quicksand Medium", "Quicksand Regular";
	text-align: left;
	color:#333;
	font-weight:lighter;
}
.flex-item-right {
/*  background-color: rgba(98,153,167,.30);*/
	background-color: rgba(255,255,255,.30);
  padding: 5px;
  flex: 50%;
}
      }

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

  .terri {
          text-align: left;
          color: #333;
          font-size: 60px;
          font-weight: 900;
          margin-bottom: 10px;
        }
        .about-terri {
          margin-top: 0px;
          font-size: 30px;
        }
        .about-terri-more {
          font-size: 22px;
          line-height: 1.1;
        }
        .flex-item-left {
          padding: 15px;
          flex: 100%;
        }
        .flex-item-right {
          padding: 10px;
          flex: 100%;
        }
}


.buttonTerri {
	color: white;
	font-weight: bolder;
	text-decoration: none;
	margin-top: 50px;
	margin-left:30%;
	margin-right:30%;
	width: 40%
	
}

.dotted-line {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.dotted-line::after {
  content: "..........................................................................................................";
  letter-spacing: 6px;
  font-size: 60px;
  color: #9cbfdb;
  display: inline-block;
  vertical-align: 3px;
  padding-left: 10px;
}
/*
      .flex-item-left {
        padding: 10px 20px;
        flex: 50%;
      }
      .flex-item-right {
        padding: 5px;
        flex: 50%;
      }
*/