@font-face { font-family:Lato; src: url('../fonts/Lato.ttf') ; }
@font-face { font-family:Abe; src: url('../fonts/Abe.otf') ; }
@font-face { font-family:BPreplay; src: url('../fonts/BPreplay.otf') ; }
@font-face { font-family:Hel; src: url('../fonts/Hel.ttf') ; }
*{
  margin:0;
  padding:0;
  -webkit-appearance: none;
}
html, body {height: 100%;background-color: #FFF;}

html, body {
	height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
	margin-bottom: -75px;
}
.page-wrap:after {
  content: "";
  display: block;
}


@media screen and (max-width: 2000px) and (min-width: 1024px) {



.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
	height: 75px;
}
.site-footer {
  background-color: #4981FD;
  position: relative;
  height:75px;
  min-width:960px;
  color:#FFF;
  text-align: center;
  font:18px Lato;
  border-top:2px solid #4981FD;
}
.site-footer h4{
font:20px Abe;
margin-top: 25px;
}
nav{
  color: #555;
  border-top: none;
}

.bg{
    background-image: url("../images/World.jpg");
    height: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:600px;
}
.bgservices{
    background-image: url("../images/ship.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:650px;
}
.bgpossible{
    background-image: url("../images/port.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:700px;
    border-top:2px solid #777;
}
#About{
  font:17px Hel;
  width:904px;
  color:#000;
  padding:20px;
  background-color: #F0F0F0;
  padding-bottom: 30px;
  border:2px solid #FFF;
  margin-bottom: 50px;
  padding-top: 30px;
  margin-top:0px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}
#PossibleAbout{
  font:17px Hel;
  width:885px;
  text-align: center;
  padding:20px;
  color:#555;
  border: 3px solid #FFF;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top:20px;
  margin-top: -600px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}
#ServicesAbout{
  font:17px Hel;
  width:805px;
  text-align: center;
  padding:20px;
  color:#555;
  border: 3px solid #D4D4D4;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin:0 auto;
  margin-top:20px;
  margin-top: -500px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}
#PossibleAbout h3,#ServicesAbout h3, #About h3{
  font:25px Abe;
  border-bottom: 2px solid #4981FD;
  padding-bottom: 5px;
  width:20%;
  margin:0 auto;
}
#Container {
  margin:20px auto;
  width:950px;
  padding:0px;
}
#Tagline {
  text-align: center;
  width:920px;
  margin-left:-2px;
  margin-top: -150px;
  padding:15px;
  border-bottom:1px solid #FFF;
  margin-bottom: 10px;
  text-transform: uppercase;
  font: 25px Abe;
  color:#FFF;
}
#PossibleTagline{
  text-align: center;
  width:900px;
  margin-left:-2px;
  margin-top: -150px;
  padding:15px;
  border-bottom:1px solid #FFF;
  margin-bottom: 10px;
  text-transform: uppercase;
  font: 25px Abe;
  color:#FFF;
}
#Provide {
  font:30px Abe;
  text-align: center;
  width:900px;
  padding:0px;

}
#Provide img{
  padding:0;
  border:5px solid #FFF;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.Details {
  text-align: center;
}

.UL {
margin-left:30px;
font:15px Hel;
color: #000;
padding: 30px;
}

}





@media screen and (max-width: 1024px) and (min-width: 768px) {



.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 75px;
}
.site-footer {
  background-color: #4981FD;
  position: relative;
  height:75px;
  min-width:760px;
  color:#FFF;
  text-align: center;
  font:18px Lato;
  border-top:3px solid #DDD;
}
.site-footer h4{
font:20px Abe;
margin-top: 25px;
}
nav{
  color: #555;
  border-top: none;
}

.bg{
    background-image: url("../images/World.jpg");
    height: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:600px;
}
.bgservices{
    background-image: url("../images/ship.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:600px;
    border-top:2px solid #777;
}
.bgpossible{
    background-image: url("../images/port.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:600px;
    border-top:2px solid #777;
}


#About {
  width:100%;
  color:#555;
  border-top:10px solid #F2F2F2;
  border-bottom: 1px solid #DDD;
  border-left: 10px solid #F2F2F2;
  border-right: 10px solid #F2F2F2;
  padding:10px;
  margin:0 auto;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 50px;
  padding-top: 20px;
  margin-top:20px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}

#PossibleAbout{
  font:17px Hel;
  width:755px;
  text-align: center;
  padding:20px;
  color:#555;
  border: 3px solid #DDD;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top:20px;
  margin-top: -500px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}
#ServicesAbout{
  font:17px Hel;
  width:100%;
  text-align: center;
  padding:20px;
  color:#555;
  border: 3px solid #DDD;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top:20px;
  margin-top: -500px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}
#PossibleAbout p,#ServicesAbout p, #About p{
text-align: center;
}

#PossibleAbout h3,#ServicesAbout h3, #About h3{
  font:25px Abe;
  border-bottom: 2px solid #4981FD;
  padding-bottom: 5px;
  width:20%;
  margin:0 auto;
}
#About h4{
  font:22px Abe;
}
#Container {
  margin:20px auto;
  width:750px;
  padding:0px;
}
#Tagline {
  text-align: center;
  width:100%;
  margin-top: -200px;
  padding:20px;
  border-bottom:1px solid #FFF;
  margin-bottom: 10px;
  margin-left:0px;
  text-transform: uppercase;
  font: 25px Abe;
  color:#FFF;
}
#TaglinePossible {
  font:25px Lato;
  text-align: center;
  width:700px;
  margin-top: 10px;
  padding:20px;
  background-color: #4981FD;
  margin-bottom: 10px;
  text-transform: uppercase;
  font:lato;
  color:#FFF;
}
#Provide {
  font:30px Abe;
  text-align: center;
  width:700px;
  padding:0px;

}
#Provide img{
  padding:0;
  border:5px solid #FFF;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.Details {
  text-align: center;
}

.UL {
margin-left:30px;
font:15px Hel;
color: #555;
padding: 30px;
}

}




@media screen and (max-width: 768px) and (min-width: 468px) {

.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 75px;
}
.site-footer {
  background-color: #4981FD;
  position: relative;
  height:75px;
  min-width:468px;
  color:#FFF;
  text-align: center;
  font:18px Lato;
  border-top:3px solid #DDD;
}
.site-footer h4{
font:20px Abe;
margin-top: 25px;
}
nav{
  color: #555;
  border-top: none;
}

.bg{
    background-image: url("../images/world.jpg");
    height: 20%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:400px;
}
.bgservices{
    background-image: url("../images/ship.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:650px;
}
.bgpossible{
    background-image: url("../images/port.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:100%;
    height:600px;
    border-top:2px solid #777;
}

.WorldWide {
  font:30px Lato;
  text-align: center;
}
#About{
  font:17px Hel;
  width:100%;
  color:#555;
  border-top:10px solid #F2F2F2;
  border-bottom: 1px solid #DDD;
  border-left: 10px solid #F2F2F2;
  border-right: 10px solid #F2F2F2;
  padding:10px;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 50px;
  padding-top: 20px;
  margin-top:20px;
}
#PossibleAbout{
  font:17px Hel;
  width:100%;
  text-align: center;
  padding:20px;
  color:#555;
  border: 3px solid #F2F2F2;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top:20px;
  margin-top: -520px;
}
#ServicesAbout{
  font:17px Hel;
  width:100%;
  text-align: center;
  padding:20px;
  color:#555;
  border: 3px solid #F2F2F2;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top: -500px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}
#PossibleAbout p,#ServicesAbout p, #About p{
text-align: center;
}

#PossibleAbout h3,#ServicesAbout h3, #About h3{
  font:20px Abe;
  border-bottom: 2px solid #4981FD;
  padding-bottom: 5px;
  width:20%;
  margin:0 auto;
}
#About h4{
  font:22px Abe;
}
.Map {
  width:100%;
  margin-top:20px;
}

#Container {
  margin:20px auto;
  width:400px;
  padding:0px;
}
#Tagline {
  text-align: center;
  width:400px;
  margin-left:0px;
  margin-top: -150px;
  padding:15px;
  border-bottom:1px solid #FFF;
  margin-bottom: 10px;
  text-transform: uppercase;
  font: 25px Abe;
  color:#FFF;
}
#TaglinePossible {
  font:25px Lato;
  text-align: center;
  width:700px;
  margin-top: 10px;
  padding:20px;
  background-color: #4981FD;
  margin-bottom: 10px;
  text-transform: uppercase;
  font:lato;
  color:#FFF;
}
#Provide {
  font:30px Abe;
  text-align: center;
  width:700px;
  padding:0px;

}
#Provide img{
  padding:0;
  border:5px solid #FFF;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.Details {
  text-align: center;
}

.UL {
margin-left:30px;
font:15px Hel;
color: #555;
padding: 30px;
}

}



@media screen and (max-width: 468px) and (min-width: 320px) {




.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 75px;
}
.site-footer {
  background-color: #4981FD;
  position: relative;
  height:75px;
  min-width:368px;
  color:#FFF;
  text-align: center;
  font:18px Lato;
  border-top:3px solid #DDD;
}
.site-footer h4{
font:20px Abe;
margin-top: 25px;
}
nav{
  color: #555;
  border-top: none;
}

.bg{
    background-image: url("../images/world.jpg");
    height: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:250px;
}
.bgservices{
    background-image: url("../images/ship.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:650px;
}
.bgpossible{
    background-image: url("../images/port.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:700px;
    border-top:2px solid #555;
}

.WorldWide {
  font:30px Lato;
  text-align: center;
}
#About{
  font:17px Hel;
  width:304px;
  color:#555;
  border-top:10px solid #F2F2F2;
  border-bottom: 1px solid #DDD;
  border-left: 10px solid #F2F2F2;
  border-right: 10px solid #F2F2F2;
  padding:10px;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 50px;
  padding-top: 20px;
  margin-top:20px;
}
#PossibleAbout{
  font:17px Hel;
  width:305px;
  text-align: center;
  padding:10px;
  color:#555;
  border: 3px solid #F2F2F2;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top:20px;
  margin-top: -650px;

}
#ServicesAbout{
  font:17px Hel;
  width:305px;
  text-align: center;
  padding:20px;
  color:#555;
  border: 3px solid #F2F2F2;
  background-color: #FFF;
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top:20px;
  margin-top: -550px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
  box-shadow: 0px 0px 2px 2px rgba(239,239,239,1);
}
#PossibleAbout p,#ServicesAbout p, #About p{
text-align: center;
}

#PossibleAbout h3,#ServicesAbout h3, #About h3{
  font:25px Abe;
  border-bottom: 2px solid #4981FD;
  padding-bottom: 5px;
  width:30%;
  margin:0 auto;
}
#About h4{
  font:22px Abe;
}

#Container {
  margin:20px auto;
  width:320px;
  padding:0px;
}
#Tagline {
  text-align: center;
  width:250px;
  margin-left:10px;
  margin-top: -100px;
  padding:15px;
  border-bottom:1px solid #FFF;
  margin-bottom: 10px;
  text-transform: uppercase;
  font: 25px Abe;
  color:#FFF;
}
#TaglinePossible {
  font:25px Lato;
  text-align: center;
  width:300px;
  margin-top: 10px;
  padding:20px;
  background-color: #4981FD;
  margin-bottom: 10px;
  text-transform: uppercase;
  font:lato;
  color:#FFF;
}
#Provide {
  font:30px Abe;
  text-align: center;
  width:700px;
  padding:0px;

}
#Provide img{
  padding:0;
  border:5px solid #FFF;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.Details {
  text-align: center;
}

.UL {
margin-left:30px;
font:15px Hel;
color: #555;
padding: 30px;
}


}