body.index2, html {
	height:100%;
	margin:0;
	padding:0;


}

h1 {
	font-size:65pt;
	font-family: 'Archivo', sans-serif;
	color: white;
	position: absolute;
    padding-left: 70px;
    padding-top:0px;
    text-align:left;
    width:600px;
    line-height:1;
}

div.spacing{
	letter-spacing:2.6px;
}

h2 {
	font-size:28pt;
	font-family: 'Archivo', sans-serif;
	color: white;
	letter-spacing: 2px;
    font-style:italic;
    padding-left: 70px;
    padding-top:325px;
    font-style: italic;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:360px;

}

h3 {
	font-size:30px;
	font-family: 'Helvetica', sans-serif;
	color: white;
	padding-left:66px;
	width: 342px;
    font-weight: bold;

}



h4{
	font-size:12pt;
	font-family: 'Archivo', sans-serif;
	color: white;
	margin-top:0;
	margin-bottom:0;
	font-weight:normal;
	position:absolute;
	padding-left:70px;
}


section.content {
	display:inline-block;
	width:825px;
	padding-top:335px;
	background-color:blue;
	opacity:50%;
}

div.block1 {
	display:inline-block;
	position: absolute;
    width: 300px;
    padding-top: 20px;
}

div.block2 {
	display:inline-block;
	position: absolute;
    width: 300px;
    padding-left: 306px;
    padding-top: 20px;
}

div.block3 {
	display:inline-block;
	position: absolute;
    width: 300px;
    padding-top: 20px;
    padding-left: 600px;
}

div.description {
	line-height:20.4pt;
    letter-spacing: 1.7pt;
    text-align: right;

}

div.boxed{
	border:7pt solid white;
	position: absolute;
    text-align: center;
    left: 970px;
    padding: 0.9em;
    margin-top:20px;
    
}

div.boxed:hover{
	filter:opacity(50%);
}



body.index2 {
	background-image: url("index3.jpg");
	position:absolute;
	background-size:cover;
	background-repeat: no-repeat;
	float:left;
	width:auto;
	background-position:top center;
}



div.dropdown{

	
	
}

div.bar1, .bar2, .bar3 {
	width: 50px;
    height: 7px;
    background-color: white;
    margin: 6px 0;
    float:right;
    transition: 0.4s
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}

div.menu {
	position: absolute;
    left: 1250px;
    top: 45px;
}

div.menu:hover{
	filter:opacity(50%);
}