/* //////////////////// Laptop //////////////////// */

/*  @media screen and (min-width: 600px) { */

.logo {
width: 65vw;
height: 30vw;
margin-top: 3%;
border-bottom: solid;
border-top: solid;
padding-top: 5%;
padding-bottom: 5%;
}

.logopos {
text-align: center;
}

.caption {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
font-weight: bolder;
margin-left: 17%;
font-size: 6vw;
margin-top: 7%;
}

.origin {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
margin-left: 17%;
padding-right: 15vw;
font-size: 2.5vw;
margin-top: 4%;
padding-bottom: 5%;
}

.origin2 {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
margin-left: 17%;
padding-right: 15vw;
font-size: 2vw;
margin-top: 4%;
}
.origin3 {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
margin-left: 23%;
padding-right: 15vw;
font-size: 2vw;
padding-top: 10%;
}

.aboutbutton {
margin-left: 17%;
text-decoration: none;
color: white;
padding: 2% 4%;
background-color: black;
border-radius: 60px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif"
}

.bottomhr {
width:65vw;
border-bottom: solid;
margin-left: 17%;
margin-top: 8%;
}

.servicesheader {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
font-weight: bolder;
margin-left: 17%;
font-size: 6vw;
margin-top: 7%;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 10px;
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
  color: black;
}

.accordion {
background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-top: 1%;
}

.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

.acc {
margin-left: 17%;
width: 65vw;
}

.grid {
margin-left: 17%;
width: 65vw;
margin-top: 20%;
}

.rf {
position: absolute;
width: 40vw;
height: 40vw;
margin-top: 4%;
}

.maer {
position: absolute;
width: 40vw;
height: 40vw;
margin-left: 33%;
margin-top: 4%;
}

.saf {
position: absolute;
margin-top: 30%;
width: 35vw;
height: 30vw;
margin-right: 10%;
}

.er {
position: absolute;
width: 40vw;
height: 30vw;
margin-top: 40%;
margin-left: 33%;
}

.cs {
width:40vw;
height: 30vw;
position: absolute;
margin-top: 60%;
}

.bottomhr2 {
width:65vw;
border-bottom: solid;
margin-left: 17%;
margin-top: 10%;
}

.velo {
width:40vw;
height:40vw;
position: absolute;
margin-top: 60%;
margin-left: 35%;
}

.port {
position: absolute;
margin-left: 17%;
margin-top: 78%;
text-decoration: none;
color: white;
padding: 2% 4%;
background-color: black;
border-radius: 60px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif"
}

.contactform {
margin-left: 17%;
width: 65vw;
}

.imagegallery {
margin-left: 17%;
width:65vw;
}

.ship {
width:30vw;
margin-bottom: 4%;
}

.img1 {
width:30vw;
}

.eiffel {
width: 30vw;
}

.cy1 {
width:30vw;
}

.syc {
width:30vw;
}

.velok {
width:30vw;
}

.sfm {
  width:30vw;
}

@media screen and (min-width:600px) {

.nameform {
width: 30%;
}

.emailform {
width: 30%;
}

}

/*  } */

/* ///////////////////  Phone ///////////////////// */

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

.nameform {
width: 60%;
}

.emailform {
width: 60%;
}

}