* {
    font-family: 'Raleway', sans-serif;
    color: white;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    background: rgb(00,88,81);
}

img {
    max-height: 15vw;
    max-width: 150%;
    opacity: 0.6;
    padding: 0 25%;
}


.photo {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}


.one {
    background-image: url(https://image.ibb.co/b0eMt9/alberto_restifo_4508_unsplash.jpg);
    
    /*God bless flex-box */
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    
}
.two {
    background-image: url("https://image.ibb.co/muYUTK/image_2.jpg");
     position: relative;
    
}
.three {
    background-image: url("https://image.ibb.co/kYgSFz/image_1.jpg");
     position: relative;

}
.four {
    background-image: url("https://image.ibb.co/jRy0qe/pexel4.jpg");
    /* Flex-box */
    
    display: flex;
    flex-direction: column;
    justify-content: center; 
}

.two p, .three p {
    justify-content: center;
    text-align: center;
    
    font-size: 2.5vw;
    color: white; 
    padding: 10%;
    
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    
}

.four p {
    font-size: 10vw; 
    
}


.contain {
    text-align: center;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    text-decoration: none;
    z-index: 1;
    width: auto;
    
}

.dropdown-content a {
    display: block;
    font-size: 4vw;
}

.dropdown:hover .dropdown-content {
    display: block;
    width: 100%;
}

.dropdown-content a:hover {background-color: rgba(00,88,81, 0.8);}


#d-menu {
    background: rgba(0,0,0,0);
    color: white;
}


#abt:hover !important {
    display: block;
}


/* Mobile CSS */

.mobile body {
    overflow: hidden;
    /*
    position: relative;
    height: 100%;
    */
}

.mobile #wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mobile #scroller {
    height: 3000px;
}







/* Extra small devices (phones, 600px and down) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    
    .photo {
    
      
    
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
        
        /*
        
        background-size:100%;
        width:100%;
        
        */
        
        /*
        
        background-attachment: scroll;
        
        */
}
    
.one {
    background-image: url("https://image.ibb.co/nwQbse/alberto_restifo_4508_mob.jpg");
    
    /*God bless flex-box */
        
}
.two {
    background-image: url("https://image.ibb.co/fYowse/pexel2_mob.jpg");
    
    
    /*
    min-height: 100%;
    vertical-align: middle; */

}
.three {
    background-image: url("https://image.ibb.co/iGo4Ce/pexel3.jpg");
    
    /*
    min-height: 100%;
    vertical-align: middle; */

}
.four {
    background-image: url("https://image.ibb.co/fcgjD9/aaron_gilmore_507659_unsplash.jpg");
    
    
      
}

}
    


a:hover {
    text-decoration: none;
}