@font-face{
    font-family: commercial-script;
    src: url('fonts/commercial-script-com-cufonfonts/CommercialScriptComRegular.TTF');
}

@font-face{
    font-family: brown-casalovademo;
    src: url('fonts/brown-casalovademo/BrownCasalova_Demo.ttf');
}

@font-face{
    font-family: darleston;
    src: url('fonts/darleston/Darleston/Darleston.otf');
}

@font-face{
    font-family: italianno;
    src: url('fonts/italianno/Italianno-Regular.ttf');
}

body{
    margin: 0;
    padding: 0;
}

header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    padding: 2% 7% 2%;
    align-items: center;
    justify-content: space-between;
    z-index: 100;
    background-color: white;
}

header .navbar ul{
    list-style: none;
}

header .navbar ul li{
    position: relative;
    float: left;
}

header .navbar ul li a{
    font-size: 22px;
    font-family: 'Quicksand', sans-serif;
    padding: 15px;
    color: #000;
    display: block;
    text-decoration: none;
}

header .navbar ul li a:hover{
    color: white;
    background-color: #b00808;
    border-radius: 10px;
}

header .navbar ul li ul{
    position: absolute;
    width: 230px;
    display: none;
}

header .navbar ul li ul li{
    width: 100%;
    background-color: rgba(255, 255, 255, 0.104);
}

header .navbar ul li:focus-within > ul, header .navbar ul li:hover > ul{
    display: initial;
}

#menu-bar{
    display: none;
}

header label{
    font-size: 30px;
    color: #000;
    cursor: pointer;
    display: none;
}

.bg{
    height:720px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.one{
    background-image: url('images/windows.jpg');
    opacity: 0.5;
    position: relative;
    
}

.two{
    background-image: url('images/room_2.jpg');
    opacity: 0.5;
    position: relative;
}

.three{
    background-image: url('images/Aeroplane.jpg');
    opacity: 0.5;
    position: relative;
}

.four{
    background-image: url('images/uptown_view_1.jpg');
    opacity: 0.3;
    filter: blur(2px);
    position: relative;
}

.five{
    background-image: url('images/living_room_2.jpg');
    opacity: 0.3;
    position: relative;
}

.six{
    background-image: url('images/graphical_view_1.jpg');
    opacity: 0.5;
    position: relative;
}

.seven{
    background-image: url('parktown/front_view_1.jpg');
    opacity: 0.3;
    position: relative;
}

.eight{
    background-image: url('parktown/front_view_3.jpg');
    opacity: 0.3;
    position: relative;
}

.nine{
    background-image: url('images/uptown_view_2.jpg');
    opacity: 0.3;
    position: relative;
}

.row{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.promo-video{
    margin: auto;
    margin-top: 30px;
    bottom: 0%;
}

#video-home{
    width: 700px;
    height: auto;
    border-radius: 5px;
}

.promo-video .row{
    margin-left: 5%;
    align-items: center;
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    top: 28%;
}

.promo-video .col-2{
    flex-basis: 50%;
    padding: 10px;
    text-align: center;
}

.promo-text{
    text-align: center;
    background-color: #fcfcfc7b;
    border-radius: 10px;
    padding: 15px;
}

.promo-text span{
    color: rgb(100, 9, 9);
    font-family: 'italianno';
    font-size: 55px;
    font-weight: 500;
}

.promo-text h1{
    text-transform: uppercase;
    color: rgb(100, 9, 9);
    font-family: 'Quicksand', sans-serif;
    font-size: 40px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.text .col-4{
    flex-basis: 25%;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.text .col-4:hover{
    transition: 0.5s;
    transform: translateY(-10%);
}

.text{
    margin: 30px;
    margin-top: 30px;
}

#why{
    font-family: 'Quicksand', sans-serif;
    text-transform: lowercase;
    text-align: center;
    font-weight: 200;
    font-size: 30px;
}

#why span{
    color: #b00808;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: brown-casalovademo;
    font-size: 35px;
}

.text .col-4 h1{
    font-size: 25px;
    font-family: 'Quicksand', sans-serif;
    align-items: center;
}

.about-us{
    margin: 60px;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;;
    padding: 18px;
}

.about-us h1{
    text-align: center;
    font-family: brown-casalovademo;;
    font-size: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-us p{
    padding: 10px;
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    font-weight: 590;
    text-align: justify;
}

.about-us p span{
    color: #b00808;
    font-weight: bold;
}

.text .col-2{
    flex-basis: 70%;
    padding: 20px;
    align-items: center;
    text-align: center;
}

#bg-one-h1{
    margin-top: 40px;
    font-family: brown-casalovademo;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}


.text .col-2 h1{
    font-family: 'Quicksand', sans-serif;
    font-weight: 200;
    font-size: 26px;
    color: white;
    margin-right: 80px;
}

.text .col-2 a{
    text-decoration: none;
    padding: 10px;
    background-color: #dedbdb;
    color: black;
    font-size: 20px;
    font-family: 'Quicksand',sans-serif;
    font-weight: bold;
    border-radius: 10px;
    margin-right: 80px;
}

.text .col-2 a:hover{
    background-color: #585455;
    color: #dedbdb;
}

#title-slide{
    font-family: brown-casalovademo;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    color: #b00808;
    width: 85%;
    text-align: center;
}

.text .slide .col-2 img{
    width: 70%;
    border-radius: 10px;
}

.slide{
    background-image: url('parktown/front_view_2.jpg');
    border-radius: 10px;
    margin-left: 60px;
    margin-right: 60px;
}

.text .fa{
    color: #585455;
    font-size: 40px;
    padding: 10px;
}

.uptown-one{
    margin: auto;
    margin-top: 20px;
    bottom: 0%;
}

.uptown-row{
    position: absolute;
    top: 40%;
    left: 3%;
    margin-top: 5px;
    border: 1px solid rgb(1, 5, 18);
    z-index: 2;
    text-align: center;
}

#ut-h1{
    font-family: brown-casalovademo;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 2px;
    text-align: center;
    color: #b00808;
    z-index: 2;
}

#ut-h1-p{
    font-family: 'Times New Roman', Times, serif;
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
}

#ut-price{
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    font-weight: 450;
    letter-spacing: 0.2px;
    padding: 10px;
    color: white;
    background-color: #585455;
}


.uptown-two{
    margin: 50px;
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;;
    padding: 10px;
    
}

.uptown-two h1{
    font-size: 40px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.uptown-two .row{
    align-items: center;
    flex-wrap: wrap;
}

.uptown-two .col-4{
    flex-basis: 24%;
    padding: 5px;
    text-align: center;
}

.uptown-two .col-4 img{
    width: 25%;
    transition: transform 0.5s;
    cursor: pointer;
    padding: 5px;
}

.uptown-two .col-4 img:hover{
    transform: translateY(-10%);
}

.uptown-two p{
    font-size: 25px;
    font-family: 'Quicksand', sans-serif;
    align-items: center;
    font-weight: bold;
}


.ut-3-slide .col-2 img{
    width: 70%;
    border-radius: 10px;
}

.ut-3-slide{   
    border-radius: 10px;
    margin-left: 60px;
    margin-right: 60px;
    /* background-image: url('images/uptown_view_2_blur.jpg'); */
    background-color: rgba(255, 255, 255, 0.266);
}

.ut-3{
    margin: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 70px;
    background-image: url('images/uptown_view_2_blur.jpg');
}

.ut-3 #near-h1{
    text-align: center;
    font-family: brown-casalovademo;
    font-size: 30px;
    padding: 10px;
    color: #b00808;
    border-radius: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.ut-3 h1{
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 35px;
    font-weight: 200;
}

.ut-3-slide h1{
    text-align: center;
    color: black;
    font-family: 'Quicksand', sans-serif;
    font-size: 35px;
    font-weight: 100;
}

.ut-3-slide .col-2{
    flex-basis: 50%;
    padding: 20px;
    align-items: center;
    text-align: center;
}

.ut-3 .row{
    margin-left: 50px;
    margin-right: 50px;
}

.uptown-three{
    margin: 30px;
}

.ut-3 .fa{
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;;
    padding: 10px;
    color: white;
    font-size: 20px;
}

.loc-near{
    margin: 50px;
    text-align: center;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
}

.loc-box .row{
    display: flex;
    flex-wrap: wrap;
}

.loc-near .col-1{
    flex-basis: 100%;
    text-align: center;
}

.loc-near h1{
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 30px;
}

.loc-near #near-h1{
    text-align: center;
    font-family: brown-casalovademo;
    font-size: 30px;
    padding: 10px;
    color: #b00808;
    border-radius: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

#near-h1{
    text-align: center;
    font-family: brown-casalovademo;
    font-size: 30px;
    padding: 10px;
    color: #333940;
    border-radius: 10px;
    letter-spacing: 1px;
    text-transform: lowercase;
}

#near-h1 span{
    text-transform: uppercase;
    color: #b00808;
    font-size: 45px;
    letter-spacing: 1px;
}

.loc-near .fa{
    padding: 10px;
    font-size: 20px;
    font-weight: 100;
}

.uptown-more{
    margin: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;;
    padding: 10px;
}

.know-up{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 35px;
    font-weight: 400;
    text-align: center;
    padding: 20px;
}

.know-up a{
    padding: 10px;
    background-color: #3c3e3cce;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 400;
    border-radius: 10px;
    text-decoration: none;
}

.know-up span{
    font-family: brown-casalovademo;
    color: #b00808;
    font-weight: bold;
    letter-spacing: 2px;
}

.specs{
    margin: 180px 35px 35px 35px;
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.specs-insert{
    bottom: 0%;
}

#specs-title{
    font-family: 'Times New Roman', Times, serif;
    font-size: 30px;
    font-weight: 400;
    color: #b00808;
}

#specs-title .fa{
    font-size: 15px;
}

.specs li{
    font-family: 'Quicksand',sans-serif;
    font-size: 20px;
}

.address-box{
    margin: 60px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    background-image: url('images/map.png');
}

.address{
    background-color: rgba(255, 255, 255, 0.516);
    margin-left: 20px;
    margin-right: 10px;
    padding: 10px;
    border-radius: 10px;
}

#addr{
    font-family: brown-casalovademo;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
    color: #b00808;
    font-size: 39px;
}

#home-addr{
    font-family: brown-casalovademo;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
    color: #b00808;
    font-size: 35px;   
}

#loc{
    text-align: center;
    color: #000;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
}

#loc-dc{
    text-align: center;
    color: #000;
    font-family: 'Quicksand', sans-serif;
    font-size: 27px;
}

.parktown-one{
    margin-top: 20px;
}

.parktown-class-one{
    position: absolute;
    margin: 30px;
    top: 35%;
    color: rgb(33, 34, 35);
    border: 1px solid rgb(33, 34, 35);
}


#parktown-h1-head{
    text-align: center;
    font-family: brown-casalovademo;
    letter-spacing: 2px;
    font-size: 35px;
    color: #b00808;
}

#parktown-h1{
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 27px;
    padding-left: 20px;
    padding-right: 20px;
}

#parktown-price{
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    font-weight: 450;
    letter-spacing: 0.2px;
    padding: 10px;
    color: white;
    background-color: #585455;
}


.parktown-two{
    margin: 50px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px;
}

.parktown-two p{
    font-size: 25px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    align-items: center;
    color: rgb(2, 21, 33);
}

.parktown-two h1{
    font-size: 35px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    letter-spacing: 0.2px;
    color: black;
}

.parktown-two .row{
    align-items: center;
    flex-wrap: wrap;
}

.parktown-two .col-4{
    flex-basis: 20%;
    padding: 5px;
    text-align: center;
}

#pt-h1{
    font-family: 'Quicksand',sans-serif;
    font-size: 32px;
    text-align: center;
    color: black;
    text-transform: uppercase;
}

#pt-h1 span{
    font-size: 40px;
    color: #b00808;
}

.parktown-two .col-4 img{
    width: 25%;
    transition: transform 0.5s;
    cursor: pointer;
    padding: 20px;
}

.parktown-two .col-4 img:hover{
    transform: translateY(-10%);
}

.parktown-three{
    margin: 50px;
    text-align: center;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.parktown-class-three .row{
    display: flex;
    flex-wrap: wrap;
}

.parktown-three #pt-h1{
    font-family: brown-casalovademo;
    font-size: 35px;
    color: #b00808;
    font-weight: bold;
    letter-spacing: 2px;
}

.parktown-three .col-1{
    flex-basis: 100%;
    text-align: center;
}

.parktown-class-three h1{
    font-family: 'Quicksand', sans-serif;
    font-weight: 350;
    font-size: 30px;
    text-align: center;
}

.parktown-class-four .col-2 img{
    width: 50%;
    border-radius: 10px;
}

.parktown-class-four{   
    border-radius: 10px;
    margin-left: 50px;
    margin-right: 50px;
    background-color: rgba(255, 255, 255, 0.397);
}

.parktown-four{
    margin: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 70px;
    background-image: url('images/uptown_view_2_blur.jpg');
}

.parktown-four .row{
    padding: 10px;
    display: flex;
}

.parktown-four .fa{
    color: white;
    font-size: 25px;
}

.parktown-class-four .col-2{
    flex-basis: 50%;
    padding: 20px;
    align-items: center;
    text-align: center;
}

.parktown-four #pt-h1{
    font-family: brown-casalovademo;
    font-size: 35px;
    color: #b00808;
    font-weight: bold;
    letter-spacing: 2px;
}

.parktown-class-four h1{
    font-family: 'Quicksand', sans-serif;
    font-weight: 350;
    font-size: 38px;
    text-align: center;
    color: #000;
}


#home-h1{
    font-family: brown-casalovademo;
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
    color: #b00808;
}

#home-h1-head{
    font-family: brown-casalovademo;
    letter-spacing: 3px;
    font-size: 40px;
    color: #b00808;
}

#home-h1-one{
    font-family: 'Quicksand',sans-serif;
    font-size: 35px;
    font-weight: 500;
    text-align: center;
    color: rgb(3, 9, 13);
    margin-left: 30px;
    margin-right: 30px;
}

#home-h1-one span{
    color: #b00808;
}

.home-one{
    margin-top: 20px;
}

.home-one-class{
    position: absolute;
    padding: 10px;
    margin: 20px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 5px;
    top: 37%;
    border: 1px solid rgb(1, 5, 18);
    z-index: 2;
    text-align: center;
}

.home-three{
    margin: 50px;
    padding-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.home-three-class{
    padding: 10px;
    text-align: center;
    padding-bottom: 20px;
    border-radius: 10px;
}

.home-row{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.home-col{
    flex-basis: 20%;
    cursor: pointer;
    padding: 5px;
}

.home-col img{
    width: 100%;
    border-radius: 10px;
    transition: transform 0.5s;
}

.home-col img:hover{
    transform: translateY(-15%);
}

#main-img{
    width: 70%;
    border-radius: 3px;
    border-radius: 10px;
}

#home-three-h1{
    font-family: brown-casalovademo;
    font-size: 35px;
    text-align: center;
    letter-spacing: 2px;
    color: #b00808;
}

.home-two-class .row{
    display: flex;
    flex-wrap: wrap;
}

.home-two-class .row{
    display: flex;
    flex-wrap: wrap;
}

.home-two-class{
    padding: 10px;
}

.home-two-class .col-1{
    flex-basis: 100%;
    text-align: center;
}

.home-two .fa{
    font-size: 26px;
}

.home-two{
    margin: 50px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.home-two h1{
    font-family: 'Quicksand',sans-serif;
    font-weight: 450;
    text-align: center;
    font-size: 30px;
}

.contact-box{
    margin: 50px;
}

.two-way{
    background-color: rgba(3, 3, 3, 0.022);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-left: 250px;
    margin-right: 250px;
}

.two-way .col-2{
    flex-basis: 50%;
}

.two-way h1{
    font-family: 'Quicksand',sans-serif;
    color: white;
    font-size: 30px;
}

.two-way p{
    font-family: 'Quicksand',sans-serif;
    font-size: 22px;
    color: white;
    padding: 1px;
}

.two-way .col-2{
    padding: 10px;
    text-align: center;
}

#con-body{
    background-image: linear-gradient(to right, #5c5c74,#ebc2b0);
}

#con-body header{
    background-image: linear-gradient(to right, #5c5c74,#ebc2b0);
}

#con-body img{
    filter: brightness(0) invert(1);
}

#con-body a{
    color: white;
}

#con-body a:hover{
    background-color: rgba(100,98,120,255);
    border-radius: 10px;
}

.addr{
    margin-top: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: rgba(3, 3, 3, 0.022);
    padding: 10px;
}


.addr .col-2{
    flex-basis: 50%;
    padding: 10px;
}

.addr h1{
    text-align: center;
    color: white;
    font-family: 'Quicksand',sans-serif;
    font-size: 35px;
}

.addr p{
    text-align: center;
    color: white;
    font-family: 'Quicksand',sans-serif;
    font-size: 30px;
}

.transition-1{
    margin-top: 20px;
    opacity: 0;
    transition: all 1s;
}

.show{
    opacity: 1;
}

#gmap{
    width:600px;
    height:450px;
    border-radius:10px; 
    border: 0px;
}

@media only screen and (max-width: 900px){
    
    .bg{
        height: 525px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    header{
        padding-top: 15px;
    }

    header label{
        display: initial;
        font-size: 17px;
    }

    header .navbar{
        position: absolute;
        top: 80%;
        left: 0;
        right: 0;
        display: none;
    }

    header .navbar ul li{
        width: 100%;
        left: 30%;
        background-color: #413f3f8d;
    }

    header .navbar ul li ul{
        position: relative;
        width: 100%;
    }

    header .navbar ul li a{
        font-family: 'Quicksand', sans-serif;
        font-size: 17px;
        color: white;
    }

    header .navbar ul li ul li{
        background-color: #413f3f8d;
        left: 0%;
    }

    header label:hover{
        color: #b00808;
    }

    header img{
        width: 50%;
    }

    #menu-bar:checked ~ .navbar{
        display: initial;
    }

    .transition-1{
        margin-top: 20px;
        opacity: 0;
        transition: all 1s;
    }

    .show{
        opacity: 1;
    }

    .row{
        margin: auto;
        flex-wrap: wrap;
    }

    .promo-video{
        text-align: center;
    }

    .promo-video .row{
        display: flex;
        position: absolute;
        top: 18%;
        margin-left: 2px;
    }

    .promo-video .col-2{
        flex-basis: 100%;
        margin: auto;
    }

    .promo-video #video-home{
        width: 100%;
        height: auto;
    }

    .promo-text{
        text-align: center;
        background-color: #fcfcfc7b;
        border-radius: 10px;
        padding: 15px;
    }
    
    .promo-text span{
        color: rgb(100, 9, 9);
        font-family: 'Quicksand',sans-serif;
        font-size:22px;
    }

    .promo-text h1{
        font-size: 20px;
    }

    #why{
        padding: 5px;
        margin-top: 5px;
        font-size: 18px;
        font-family: 'Quicksand',sans-serif;
        text-transform: lowercase;
        font-weight: 100;
    }

    #why span{
        font-size: 25px;
    }

    #why #best{
        font-family: 'Quicksand',sans-serif;
        letter-spacing: 0;
        color: black;
        font-size: 20px;
        font-weight: 400;
    }

    .text{
        padding: 0;
        margin: auto;
    }

    .text .row{
        display: flex;
    }

    .text .col-4{
        flex-basis: 35%;
    }

    .text .col-4 h1{
        font-size: 15px;
    }

    .text .row .col-4 img{
        min-width: 25%;
    }

    .about-us{
        margin: 10px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .about-us h1{
        font-size: 20px;
    }

    .about-us p{
        font-size: 15px;
    }

    .about-us img{
        width: 50%;
    }

    #min-text .row{
        flex-wrap: nowrap;
        margin-bottom: 15px;
    }

    #min-text .slide{
        margin: auto;
        background-image: url('images/Outview.jpg');
    }

    #min-text .slide .row{
        flex-wrap: wrap;
    }

    #min-text .slide h1{
        text-align: center;
        margin: 10px;
        margin-bottom: 5px;
        font-size: 20px;
        color: white;
    }

    #min-text .slide .col-2{
        flex-basis: 100%;
        padding: 2px;
    }

    .text .fa{
        font-size: 10px;
        color: #585455;
    }

    #title-slide{
        text-align: center;
        font-size: 20px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        text-transform: uppercase;
        padding-top: 10px;
        letter-spacing: 0;
        margin-left: 20px;
        color: #b00808;
    }

    #min-text .slide a{
        font-size: 15px;
        padding: 5px;
        margin: 5px;
        font-family: 'Quicksand', sans-serif;
        background-color: #f5f5f5;

    }

    #bg-one-h1{
        font-size: 20px;
        margin-top: 20px;
    }

    #min-text img{
        display: none;
    }

    .uptown-row{
        top: 18%;
        margin: 10px;
        left: 0%;
    }
    
    #ut-h1{
        font-size: 25px;
        margin: 5px;
        margin-top: 10px;
    }
    
    #ut-h1-p{
        font-size: 20px;
        margin: 5px;
        padding: 0;  
    }

    #ut-price{
        font-size: 20px;
    }

    .uptown-two{
        margin: 10px;
    }

    .uptown-two .col-4{
        flex-basis: 25%;
    }

    .uptown-two p{
        font-size: 16px;
    }

    #near-h1{
        font-size: 20px;
        font-weight: 100;
        font-family: 'Quicksand',sans-serif;
        letter-spacing: 0px;
        margin: 10px;
        padding: 0;
        padding-bottom: 10px;
    }

    #near-h1 span{
        font-family: brown-casalovademo;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 1px;
        letter-spacing: 2px;
    }

    .uptown-two .row .col-4 img{
        width: 35%;
    }

    .uptown-three{
        margin: 10px;
    }

    .uptown-three .ut-3{
        margin: auto;
        padding: 10px;
    }

    .uptown-three .ut-3 .row{
        flex-wrap: nowrap;
        margin: 0;
    }

    .ut-3 .fa{
        font-size: 10px;
        color: #b00808;
    }

    .ut-3-slide{
        margin: 20px;
    }

    .ut-3 #near-h1{
        font-size: 20px;
        font-family: 'Quicksand',sans-serif;
        text-align: center;
        letter-spacing: 0px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .ut-3-slide h1{
        font-size: 18px;
    }

    .ut-3-slide .col-2 img{
        width: 100%;
    }

    .uptown-three .ut-3-slide .row{
        flex-wrap: wrap-reverse;
    }

    .uptown-three .ut-3-slide .col-2{
        flex-basis: 100%;
        padding: 7px;
    }

    .loc-near{
        margin: 20px 5px 10px 5px;
        text-align: center;
    }

    .loc-near .row{
        flex-wrap: nowrap;
    }

    .loc-near .fa{
        font-size: 15px;
        padding: 5px;
    }

    .loc-box .row{
        display: flex;
        margin: 10px;
    }

    .loc-box .col-1{
        flex-basis: 100%;
    }

    .loc-near #near-h1{
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

    .loc-near h1{
        font-size: 14px;
    }

    #gmap{
        width: 300px;
        height: 300px;
    }
    
    .uptown-more{
        margin: 15px;
        border-radius: 10px;
    }

    .uptown-more .know-up{
        font-size: 18px;
        text-align: center;
        padding: 10px;
    }

    .uptown-more .know-up a{
        font-size: 15px;
        padding: 5px;
    }

    .address-box{
        margin: 20px;
    }

    .address{
        margin: 10px;
    }

    .address-box .row{
        flex-wrap: wrap;
    }

    .address-box .col-2{
        padding: 10px 0 10px 0;
    }

    #addr{
        font-size: 25px;
        margin: 10px 0 10px 0;
    }

    #loc{
        font-size: 18px;
    }

    .parktown-class-one{
        padding: 10px 0 10px 0;
        margin: 20px;
        top: 13%;
    }

    #parktown-h1-head{
        font-size: 20px;
    }
    
    #parktown-h1{
        font-size: 18px;
    }

    #parktown-price{
        font-size: 18px;
    }

    .parktown-two{
        margin: 5px 10px 10px 10px;
    }

    .parktown-two .col-4{
        flex-basis: 25%;
    }

    .parktown-two p{
        font-size: 18px;
    }

    .parktown-two .col-4 img{
        width: 45%;
    }

    #pt-h1{
        font-size: 20px;
    }

    #pt-h1 span{
        font-size: 25px;
    }

    .parktown-three{
        margin: 10px;
    }

    .parktown-three .row{
        flex-wrap: nowrap;
    }

    .parktown-three #pt-h1{
        font-size: 20px;
        letter-spacing: 2px;
        margin: 7px 0 7px 0;
    }

    .parktown-class-three .col-1 h1{
        font-size: 18px;
        padding: 2px 15px 2px 15px;
    }

    .parktown-four{
        margin: 10px;
        padding: 10px;
    }

    .parktown-four .row{
        flex-wrap: nowrap;
    }

    .parktown-four #pt-h1{
        font-size: 25px;
        font-family: 'Quicksand',sans-serif;
        letter-spacing: 0px;
        font-weight: 300;
    }

    .parktown-four{
        margin: 10px;
        padding: 10px;
    }

    .parktown-four .row{
        flex-wrap: nowrap;
    }

    .parktown-class-four .row{
        flex-wrap: wrap-reverse;
        justify-content:first baseline;
    }

    .parktown-class-four{
        margin: 0 10px 0 10px;
    }

    .parktown-four .row .fa{
        padding: 10px;
        background-color: rgba(255, 255, 255, 0.233);
        border-radius: 10px;
        color: #b00808;
        font-size: 15px;
    }

    .parktown-class-four h1{
        font-size: 20px;
        text-align: center;
    }

    .parktown-class-four .row .col-2 img{
        width: 90%;
    }

    .parktown-class-four .col-2{
        flex-basis: 100%;
        padding: 5px;
    }

    #loc-dc{
        font-size: 18px;
        font-weight: 300;
    }

    .home-one-class{
        top: 25%;
        margin: 0 10px 0 10px;
    }

    #home-h1-head{
        font-size: 20px;
    }

    #home-h1-one{
        font-size: 18px;
        margin: 5px 0 5px 0;
    }

    .home-two{
        margin: 20px 10px 20px 10px;
        padding: 5px;
    }

    .home-two .row{
        flex-wrap: nowrap;
    }

    #home-h1{
        font-size: 20px;
        padding: 0;        
        letter-spacing: 2px;
    }

    .home-two-class h1{
        font-size: 16px;
        padding: 0 5px 0 5px;
    }

    .home-two .fa{
        font-size: 13px;
        padding: 10px;
        color: #b00808;
        border-radius: 10px;
    }

    .home-three{
        margin: 20px;
    }

    #home-three-h1{
        font-size: 20px;
    }

    .home-row{
        flex-wrap: wrap;
        padding: 10px;
    }

    .home-col{
        flex-basis: 29%;
        padding: 6px;
    }

    #main-img{
        width: 90%;
    }

    #home-addr{
        font-size: 24px;
        margin-bottom: 5px;
    }

    .specs{
        margin: 90px 20px 20px 20px;
        padding: 10px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    
    #specs-title{
        font-family: 'Times New Roman', Times, serif;
        font-size: 19px;
        font-weight: 400;
        color: #b00808;
    }
    
    #specs-title .fa{
        font-size: 10px;
    }
    
    .specs li{
        font-family: 'Quicksand',sans-serif;
        font-size: 15px;
    }
}