* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;;
}

nav {
display: flex;
height: 80px;
background: #ffcc04;
justify-content: center;
align-items: center;
padding: 0rem calc((100vw - 1300px) / 2);
}

.logo {
color: #000;
font-size: 1.5rem;
font-weight: bold;
font-style: italic;
padding: 0 2rem;
}

.dropdowna button {
background: #ffcc04;
color: #000;
padding: 10px 15px;
border: none;
cursor: pointer;
}

.dropdownb button {
background: #ffcc04;
color: #000;
padding: 10px 15px;
border: none;
cursor: pointer;
}

.dropdownc button {
background: #ffcc04;
color: #000;
padding: 10px 15px;
border: none;
cursor: pointer;
}

.dropdownd button {
background: #ffcc04;
color: #000;
padding: 10px 15px;
border: none;
cursor: pointer;
}

.dropdowna a {
display: block;
color: #000;
text-decoration: none;
padding: 10px 15px;
}

.dropdownb a {
display: block;
color: #000;
text-decoration: none;
padding: 10px 15px;
}

.dropdownc a {
display: block;
color: #000;
text-decoration: none;
padding: 10px 15px;
}

.dropdownd a {
display: block;
color: #000;
text-decoration: none;
padding: 10px 15px;
}

.dropdowna .contenta {
display: none;
position: absolute;
background: #ffcc04;
}

.dropdownb .contentb {
display: none;
position: absolute;
background: #ffcc04;
}

.dropdownc .contentc {
display: none;
position: absolute;
background: #ffcc04;
}

.dropdownd .contentd {
display: none;
position: absolute;
background: #ffcc04;
}

.dropdowna:hover .contenta {
display: block;
}


.dropdownb:hover .contentb {
display: block;
}


.dropdownc:hover .contentc {
display: block;
}


.dropdownd:hover .contentd {
display: block;
}

.dropdowna:hover button {
background: #fff;
}

.dropdownb:hover button {
background: #fff;
}

.dropdownc:hover button {
background: #fff;
}

.dropdownd:hover button {
background: #fff;
}

.dropdowna a:hover {
background: #fff;
}

.dropdownb a:hover {
background: #fff;
}

.dropdownc a:hover {
background: #fff;
}

.dropdownd a:hover {
background: #fff;
}

.dropdowna {
display: inline-block;
}

.dropdownb {
display: inline-block;
}

.dropdownc {
display: inline-block;
}

.dropdownd {
display: inline-block;
}

h1 {
text-align: center;
}

p {
text-align: center;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h4 {
text-align: center;
}

iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}