body{
    Font-family:helvetica,calibri;
    align-content: center;
    text-align:center;
    column-count:2;
    width:100%
}
header{
    /*width:100%;*/
    /*height:auto;*/
    column-span:all;
    background-color: #87423c;
    
}

/*img{*/
    /*
    width:100%
}
*/
footer{
    margin-top:48px
}

h1{
    font-size:36px;
    color:#87423c;
    margin-top:12px
}
h3{
    color:#4d1d18;
    font-size: 24px;
    text-align:center
}

nav a:hover{
    color:#555
}
nav a{
    color:#4d1d18;
    text-decoration:none;
    margin-left:90px;
    background-color:#ffa259;
    border-radius:10px;
    border-style:solid;
    border-color:black;
    font-size:24px;
    
/*width:100px;*/
   /*
   float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  */
    /*
  justify-content: space-between;
  align-items: center;
  */

}
/*.navbar{*/
    /*margin-left:1000px*/
/*}*/

.contentlinks{
    color:#87423c
}

footer a{
    color:#87423c
}
p{
    line-height:150%
}

p a{
  text-decoration:none;  
   color:#4d1d18
}

a:visited{
    color:black
}
a:active{
    color:green
}
a:hover{
    color:#555
}
.page{
    font-size:20px;
    font-style:italic;
    text-decoration: underline
        
}
.topnav{
background-color:chocolate;
    width:2553px;
}
/*
nav{ 
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  width: 188%; 
  text-align: center;
}
*/
.rightcol{
    text-align:left;
    break-inside:avoid;
    position:relative;
    top:39px;
    background-color:chocolate;
    padding-left:5px
}
#wrapper{
    width:80%
}
.leftcol{
    break-inside:avoid;
    background-color:antiquewhite;
    margin-top:5px;
}
#leftcol{
    break-inside:avoid;
    background-color:antiquewhite;
    margin-top:50px
}
h2{
    text-align:center
}
@media print {
    #logo img{
        filter: grayscale(100%); /*set pictures to grayscale*/
    }
 
    #Beachimage img {
        display: none !important; /* do not displat the beach image */
    }
    body{
       background-color: transparent; /* colour for the background*/
        color:black;
    }
 
    #container{
    background-color:transparent;
    }
 
    #wrapper{
        background-color: transparent;
    }
    nav{
        display: none !important;
 
    }
 
    #testimonies{
        background-color: transparent;
    }
    .room img{
        filter: grayscale(100%)
    }
    .OceanBeach img{
        display: none !important;
    }
 
    #Summerpricing{
        width:30%; /* make the width of the div, 30% of the holding div size*/
        margin-top: 10px; /* add 10px margin spacing at the top of the div */
        margin-left: 80px;
        height: 230px;    
    }
    #terms{
        text-align: center;  /*align all text to the left of the div */
        /*float: center; set the element to center on the left of the holding div */
        margin-top: 500px;
    }
    footer{
        display: none !important; /*don't display the footer */
   }
}