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

*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}
body{
 	font-family: "Acumin Pro", 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	background-color:#DEDEEB;
	overflow-y: scroll;
}
.top{
  	position: fixed;
  	width: 100%;
	height:80px;
	background-image: url(https://idx-edu.weebly.com/uploads/4/3/2/3/43239617/top-nav_orig.jpg);
	color:white;
}
.nav{
	text-align: center;
	margin-top:35px;
}
.nav a{
	padding: 30px 10px;
	width:100%;
	color:white;
}
.nav a:hover{
	text-align: center;
	color:#F78E1E;

}

.pquote{
    float: right;
	text-align: left;
    width: 30%;
    background: #DEDEEB;
    padding: 13px;
    margin: 13px 13px 13px 13px;
}

blockquote {
    margin: 0 auto;
	color:#25408F;
	line-height: 1.5em;
	font-size: 18px;
	text-transform: uppercase/* gets rid of the default blockquote margin */
}
hr{
  border-top: 2px solid #F78E1E;
}

img{
	width: 100%;
	height:auto;
}
.link{
	color:blue;
	background-color:#DEDEEB; 
}
.link:hover{
	color:#F78E1E;
}
.link:active{
	color:red; 
}
.research{
	margin: 0 auto;
	width:60%;
	padding: 15px 10px;
}
.arrow{
	font-size: 1.1em;
	color:#f78e1e;
	padding-right:7px;
}
.bullet{
	font-size: 1.3em;
	color:#f78e1e;
	padding-right: 7px;
}
.whisks{
	margin: 0 auto;
	width:50%;

	padding-left: 10px;
}
.aside-left{
	margin: 0 20px 0 0 ;
	width:60%;
	float: left;
	padding-left: 15px 10px;
}
.aside-right{
	margin: 10px 20px 0 0 ;
	width:50%;
	float: right;
	padding-left: 10px;
}
.protoype{
	width:  50%;
}
.sketchpractice{
	margin:0 auto;
	width: 100%;
	float:right;
}
.sketches{
	margin:0 auto;
	width: 100%;
}
.shaping{
	margin: 0 auto;
	width: 40%;
}
.working{
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 20px 0;
}
.render{
	width: 70%;
}
.giants{
	margin: 0px 20px 0 0 ;
	width:20%;
	float: left;
	padding-left: 15px 10px;
}
.giants-right{
	margin: 0px 20px 0 0 ;
	width:20%;
	float: right;
	padding-left: 15px 10px;
}
.color{
	/*float: left;*/
	width:30%;
}
.bib p{
	margin:0 auto;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: .3px;
	padding-left: 80px;
	padding-right: 40px;
}
table{
	color:#393986;
 	table-layout: auto;
	width: 100%;
	border-collapse: collapse;
}
table, th, td {
  border: 3px solid #25408F;
}
th, td {
  padding: 15px;
  text-align: left;
}
tr:hover{
	background-color: #DEDEEB;
}
h1{
	padding: 0 0px;
	color:#393986;
	font-size: 2em;
	font-weight: bold;
	word-wrap: break-word;
	padding-top: 20px;
}
h2{
	color:#393986;
	font-size:1.3em; 
}
h3{
	color:#393986;
	font-size:1.1em	
}
h5{
	color:#393986;

}
p{
	padding: 0 40px;
	color:#393986;
	font-size: 17px;
	line-height: 1.3;
	letter-spacing: .3px;
	word-wrap: break-word;
	text-align: left;
	text-justify: inter-word;
}
.tab{
	padding-left: 40px;
}
/*strong{
	font-weight: ;
}*/


.body{
	background-color: #393986;
	height:100vh;
	background-size:contain;
}
.title-image{
	background-image: url("images/Blue Whisk angled.jpg");
	background-repeat: repeat;
	background-size: contain;
	/*margin: 0 auto;*/
}
.wrapper{
	box-shadow: 0px 0px 15px 1px rgba(57, 57, 134, 0.1);
	width:45%;
	height:100%;
	margin: 0 auto;
	padding: 80px 0px 40px 0px;
	background-color: white;
}
.maincontent{
	/*background-color: aquamarine;*/
	margin: 0 auto;
	padding: 50px 40px;
}
.page{
	/*background-color: aqua;*/
	margin: 0 10px;
	padding: 0px 0px;
}
.social{
	text-align: center;
	display:flex;
	padding: 20px 0;
	margin: 0 auto;
	width:30%;

}
.fb{
	color:#25408F;
	margin: 0 auto;
	width:15%;
	text-align: center;
}
.social a:hover{
  text-align:center;
  text-decoration: none;
}
.insta{
	color:#25408F;
	margin: 0 auto;
	width:15%;
	text-align: center;
}
.youtube{
	color:#25408F;
	margin: 0 auto;
	width:15%;
	text-align: center;
}


/* comment section */

/*  end comment section */
.footer{
	position:relative;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	background-color: #393986;
}
.contact{
	margin: 0 auto;
	color:white;
	text-align: center;
	display: block;
	padding: 20px 0;
	font-size: 16px;
	line-height: 20px;
	background-image: url(https://idx-edu.weebly.com/uploads/4/3/2/3/43239617/footer_orig.png);
}
.interview{
	padding: 0 0 0 0px;
}
.question{
	color:#F78E1E;
}
.answers{
	float: right;
	text-align: left;
    width: 100%;
    background: rgba(222, 222, 235, .5);
    padding: 13px;
    margin: 13px 0px 13px 13px;
}

@media (max-width: 1125px){
.social{
	text-align: center;
	display:flex;
	padding: 10px 0;
	margin: 0 auto;
	width:100%;
}
img{
	width: 100%;
	height:auto;
}
.giants{
	margin: 0px 20px 0 0 ;
	width:40%;
	float: left;
	padding: 1px 5px 10px 5px;
}
.giants-right{
	margin: 0px 20px 0 0 ;
	width:20%;
	float: right;
	padding-left: 15px 10px;
}
.arrow{
	font-size: 1.3em;
	color:#f78e1e;
}
table{
 	table-layout: auto;
	width: 100%;
}
h1{
	color:#393986;
	font-size: 1.75em;
	font-weight: bold;
	word-wrap: break-word;
	padding-top: 20px;
}
h2{
	color:#393986;
	font-size:1.5em; 
}
p{
	padding: 0 10px;
	color:#393986;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: .2px;
	word-wrap: break-word;
}
blockquote {
    margin: 0 auto;
	color:#25408F;
	line-height: 1.5em;
	font-size: 18px;
	text-transform: uppercase/* gets rid of the default blockquote margin */
}

.body{
	height:100vh;
	background-size:contain;
}
.wrapper{
	width:90%;
	height:100%;
	margin: 0 auto;
	padding: 0px 0px 40px 0px;
	background-color: white;
}
.maincontent{
	margin: 0 auto;
	margin-bottom: 0;
	padding: 0 60px 0;
	}
.page{
	/*background-color: aqua;*/
	margin: 0 20px;
	padding: 0px 20px;
}

}
@media  only screen and (max-width : 850px ){
.top{
  	position: fixed;
  	width: 100%;
	height:75px;
	background-image: url(https://idx-edu.weebly.com/uploads/4/3/2/3/43239617/top-nav_orig.jpg);
	color:white;
}
.nav{
	text-align: center;
	margin-top:20px;
	padding:10px;
}
.nav a{
	padding: 12px 10px;
	width:100%;
	font-size: 16px;
	color:white;
}
.protoype{
	margin: 0 auto;
	width:  1000%;
}
.research{
	width: 95%;
	}
.bib p{
	margin:0 auto;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: .3px;
	padding-left: 30px;
	padding-right: 10px;
}
.giants{
	margin: 0px 10px 0 0 ;
	width:40%;
	float: left;
	padding: px 0px 0px 0px;
}
.logo{
	font-family: acier-bat-gris, sans-serif;
	font-size: 4em;
	font-style: normal;
	float: left;
	color: white;
	text-transform: uppercase;
	padding-left: 20px;
}
.interview{
	padding: 0 0 0 20px;
}
.pquote {
	margin: 0 auto;
	text-align: left;
	background-color: rgba 0 0 0 0;
    width: 100%;
}

blockquote {
    margin: 0 auto;
	color:#25408F;
	line-height: 1.5em;
	font-size: 18px;
	text-transform: uppercase/* gets rid of the default blockquote margin */
}
img{
	width: 100%;
	height:auto;
}
.arrow{
	font-size: 1.3em;
	color:#f78e1e;
}
.whisks{
	margin: 0 auto;
	width:100%;
}
table{
	color: #25408F;
	font-size: 14px;
 	table-layout: auto;
	width: 100%;
	padding: 5px;
}

h1{
	color:#393986;
	font-size: 1.75em;
	font-weight: bold;
	word-wrap: break-word;
	padding-top: 20px;
}
h2{
	color:#393986;
	font-size:1.5em; 
}
p{
	padding: 0 20px;
	color:#393986;
	font-size: 17px;
	line-height: 1.5em;
	letter-spacing: .5px;
	word-wrap: break-word;
}
.body{
	height:100vh;
	background-size:contain;
}
.wrapper{
	width:85%;
	height:100%;
	margin: 0 auto;
	padding: 0px 20px 10px 20px;
	background-color: white;
}
.maincontent{
	margin: 0 auto;
	padding:20px 10px 0;
}
.page{
	/*background-color: aqua;*/
	margin: 0 0px;
	padding: 0px 20px;
}
}
@media  only screen and (max-width : 500px ){
.top{
  	position: fixed;
  	width: 100%;
	height:90px;
	background-image: url(https://idx-edu.weebly.com/uploads/4/3/2/3/43239617/top-nav_orig.jpg);
	color:white;
}
.nav{
	text-align: center;
	margin-top:16px;
	padding:10px;
}
.nav a{
	padding: 12px 5px;
	width:100%;
	font-size: 14px;
	color:white;
} 
.protoype{
	margin: 0 auto;
	width:  90%;
}
.research{
	width: 95%;
	}
.bib p{
	margin:0 auto;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: .3px;
	padding-left: 30px;
	padding-right: 10px;
}
.giants{
	margin: 0px 10px 0 0 ;
	width:40%;
	float: left;
	padding: px 0px 0px 0px;
}
.logo{
	font-family: acier-bat-gris, sans-serif;
	font-size: 4em;
	font-style: normal;
	float: left;
	color: white;
	text-transform: uppercase;
	padding-left: 20px;
}
.interview{
	padding: 0 0 0 20px;
}
.pquote {
	margin: 0 auto;
	text-align: left;
	background-color: rgba 0 0 0 0;
    width: 100%;
}

blockquote {
    margin: 0 auto;
	color:#25408F;
	line-height: 1.5em;
	font-size: 18px;
	text-transform: uppercase/* gets rid of the default blockquote margin */
}
img{
	width: 100%;
	height:auto;
}
.arrow{
	padding-right:2px;
	font-size: .75em;
	color:#f78e1e;
}
.whisks{
	margin: 0 auto;
	width:100%;
}
table{
	color: #25408F;
	font-size: 14px;
 	table-layout: auto;
	width: 100%;
	padding: 5px;
}

h1{
	color:#393986;
	font-size: 1.75em;
	font-weight: bold;
	word-wrap: break-word;
	padding-top: 20px;
}
h2{
	color:#393986;
	font-size:1.5em; 
}
p{
	padding: 0 10px;
	color:#393986;
	font-size: 17px;
	line-height: 1.3em;
	letter-spacing: .5px;
	word-wrap: break-word;
}
.body{
	height:100vh;
	background-size:contain;
}
.wrapper{
	width:90%;
	height:100%;
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
	background-color: white;
}
.maincontent{
	margin: 0 auto;
	padding: 100px 20px 0;
}
.page{
	/*background-color: aqua;*/
	margin: 0 0px;
	padding: 0px 00px;
}
}