/*(Desktop screen)*/
@media (min-width: 1024px){

/*Parameters*/
h2 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 1.6vw; }
h3 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 1.1vw; }
h1 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 2vw; }
p { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: black; font-size: 18px;}
a { font-family: "Steiner"; color: black; text-decoration: none; font-size: 18px; }
@font-face { font-family: "Steiner"; src: url("../fonts/Steinerlight.ttf"); }
li { display: inline-block; margin-left: 14px; }
img { width: 100%; height: auto; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; }
ul { list-style-type: none; }



/*Identifiers*/
#aFooter { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: rgb(36,36,36); font-size: 15px; }
#pFooter { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: rgb(36,36,36); font-size: 15px; }
#h1Black { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: black; font-size: 26px; }
#h1Block { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; font-size: 24px; color: #084259;}
#aBlock { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: #084259; font-size: 18px; }
#dropdown { display: none; }
#mobilewallpaper { display: none; }

/*Header section*/
#header { float: left; position: relative; height: 125px; width: 100%; background: white; }
	.menu { float: right; margin-right: 5%; width: auto; height: auto; margin-top: 62px; }
	.logo { float: left; position: relative; height: auto; width: 210px; margin-left: 5%; margin-top: 10px; }
	.mobilemenu { display: none; }

/*Wallpaper section*/
#wallpaper { float: left; position: relative; height: auto; width: 100%; }
	.laptop { float: right; position: relative; height: auto; width: 16vw; margin-top: -18.5vw; margin-right: 12%; }
		.laptop:hover { animation: moveDown; animation-duration: 10s; }
	.caption { float: left; position: relative; height: auto; width: 800px; margin-top: -18vw; margin-left: 5%;  }

/*Sectionone section*/
#sectionone { float: left; position: relative; height: auto; width: 100%; background: white; text-align: center;}
	.text { float: right; height: auto; width: 40%; margin-top: 5vh; margin-right: 10%;  text-align: left;}
	.image { float: left; height: auto; width: 36%; margin-top: 5vh; margin-left: 8%; }

/*Footer section*/
#footer { float: left; position: relative; height: auto; width: 100%; background: whitesmoke; margin-top: 100px; text-align: center;}
}

/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

/*(Tablet screen)*/
@media (min-width: 766px) and (max-width: 1024px){

/*Parameters*/
h3 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 1.1vw; display: none; }
h1 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 2.6vw; }
h2 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 1.8vw; }
p { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: black; font-size: 18px;}
a { font-family: "Steiner"; color: black; text-decoration: none; font-size: 16px; }
@font-face { font-family: "Steiner"; src: url("../fonts/Steinerlight.ttf"); }
li { display: inline-block; margin-left: 14px; }
img { width: 100%; height: auto; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; }
ul { list-style-type: none; }

/*Identifiers*/
#aFooter { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: rgb(36,36,36); font-size: 15px; }
#pFooter { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: rgb(36,36,36); font-size: 15px; }
#h1Black { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: black; font-size: 26px; }
#h1Block { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; font-size: 20px; color: #084259;}
#aBlock { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: #084259; font-size: 18px; }
#mobilewallpaper { display: none; }
#dropdown { display: none; }


/*Header section*/
#header { float: left; position: relative; height: 110px; width: 100%; background: white; }
	.logo { float: left; position: relative; height: auto; width: 165px; margin-left: 5%; margin-top: 10px; }
	.menu { float: right; margin-right: 2%; width: auto; height: auto; margin-top: 54px; }
	.mobilemenu { display: none; }


/*Wallpaper section*/
#wallpaper { float: left; position: relative; height: auto; width: 100%; }
	.laptop { float: right; position: relative; height: auto; width: 16vw; margin-top: -18.5vw; margin-right: 12%; }
	.caption { float: left; position: relative; height: auto; width: 800px; margin-top: -19vw; margin-left: 5%;  }

/*Sectionone section*/
#sectionone { float: left; position: relative; height: auto; width: 100%; background: white; text-align: center;}
		.text { float: left; height: auto; width: 80%; margin-top: 5vh; margin-left: 8%;  text-align: left; }
		.image { float: left; height: auto; width: 80%; margin-top: 5vh; margin-left: 8%; }

/*Footer section*/
#footer { float: left; position: relative; height: auto; width: 100%; background: whitesmoke; margin-top: 100px; text-align: center;}
}

/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

@media (max-width: 765px){

/*Parameters*/
h1 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 16px; }
h2 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; font-size: 13px; }
h3 { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: white; line-height: 10px; display: none; }
li { display: block; text-align: right; height: auto; width: auto; margin-top: -2vh; background: none; border-bottom: 1px solid whitesmoke;}
p { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: black; font-size: 15px;}
a { font-family: "Steiner"; color: black; text-decoration: none; font-size: 16px; }
@font-face { font-family: "Steiner"; src: url("../fonts/Steinerlight.ttf"); }
img { width: 100%; height: auto; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; }
ul { list-style-type: none; }



/*Identifiers*/
#mobilebutton { height: 16vh; width: 260px; background: inherit; border: none; text-align: right; font-family: "Steiner"; font-size: 3vh; }
#aFooter { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: rgb(36,36,36); font-size: 12px; }
#pFooter { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: rgb(36,36,36); font-size: 12px; }
#h1Block { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; font-size: 24px; color: #084259;}
#h1Black { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 105; color: black; font-size: 24px; }
#aBlock { font-family: 'Helvetica Neue Light', sans-serif; font-weight: 80; color: #084259; font-size: 18px; }
#closeMenu { height: 100%; width: 100%; background: inherit; border: none; color: lightgrey; }
#openMenu { height: 100%; width: 100%; background: inherit; border: none; color: lightgrey; }
#mobilebutton:active { background: whitesmoke; }
#normal { display: none; }

/*Header section*/
#header { float: left; position: relative; height: 80px; width: 100%; background: white; }
	#dropdown { z-index: 1000; position: absolute; height: 100vh; width: 100vw; margin-top: 80px; background: white; right: 0; display: block; display: none;}
	.logo { float: left; position: relative; height: auto; width: 120px; margin-left: 5%; margin-top: 10px; }
	.mobilemenu { float: right; position: relative; height: 100%; width: 100px; background: white; }
	.menu { display: none; }

/*Wallpaper section*/
#wallpaper { float: left; position: relative; height: auto; width: 100%; }
	.laptop { float: right; position: relative; height: auto; width: 32%; margin-top: -62vw; margin-right: 34%; }
	.laptop:hover { animation-name: moveDown; animation-duration: 10s; }
	.caption { float: left; position: relative; height: auto; width: 100%; margin-top: -31vw; text-align: center; }

/*Sectionone section*/
#sectionone { float: left; position: relative; height: auto; width: 100%; background: white; text-align: center;}
		.text { float: left; height: auto; width: 80%; margin-top: 5vh; margin-left: 8%;  text-align: left; }
		.image { float: left; height: auto; width: 80%; margin-top: 5vh; margin-left: 8%; }

/*Footer section*/
#footer { float: left; position: relative; height: auto; width: 100%; background: whitesmoke; margin-top: 100px; text-align: center;}
}